react learning - introducing less
Links to the original text: https://segmentfault.com/a/1190000018858055
Build a project using create-react-app scaffolding and introduce less into it
Command line input
Install less and less-loader
Configure webpack.config.js
The fir ...
Posted by Paul15679 on Mon, 05 Aug 2019 03:03:22 -0700
Web Pack 4 Learning Path-9
Tapable
Webpack is essentially an event flow mechanism. Its workflow is to connect plug-ins in series. The core of Webpack is Tapable, which is a bit like the event library of nodejs, and mainly depends on the publisher-subscriber mode.
The difference between hook function and callback function
Hook ...
Posted by coja1 on Mon, 05 Aug 2019 02:26:50 -0700
Step by step front-end monitoring system: how to record user behavior?
Summary: Reproduce BUG scenes quickly by recording user behavior.
Author: One footprint at a time, one pit at a time
Original: Set up front-end monitoring system (alternative) User behavior statistics and monitoring section (how to quickly locate online problems)
Fundebug Copyright shall be owned by the original author when authorized to rep ...
Posted by chocopi on Fri, 02 Aug 2019 20:19:09 -0700
React: useHooks tips
Hooks is a new feature of React 16.8 that allows you to use state and other React functions without using class. This article provides easy-to-understand examples to help you understand how hooks are used and encourage you to use them in future projects. But before that, make sure you've read the hook's ...
Posted by sspoke on Fri, 02 Aug 2019 01:29:22 -0700
Initializing Bean, init-method and PostConstruct initialized by Spring Bean
InitializingBean knows from the name of the interface that its function is to perform customized operations after the bean is initialized.
Beans in Spring containers have a life cycle. Spring allows specific operations to be performed after Bean initialization and before Bean destruction. There are ...
Posted by IsmAvatar on Thu, 01 Aug 2019 02:46:06 -0700
03-React Learning Notes
1. Understanding react-router
A plug-in library for react
Specifically designed to implement a SPA application
Reaction-based projects generally use this library
2. Several important issues
1). SPA applications
single page web application (SPA)
The whole application has only one complete page.
...
Posted by xProteuSx on Wed, 31 Jul 2019 23:27:22 -0700
React Hooks Deep Series - Design Mode
This article is React Hooks in-depth series Follow-up.This article details the advantages of Hooks over classes, introduces the design ideas of related api, and explains how Hooks align the life cycle hooks of classes.
React Logo and Hooks
React's logo is an atomic pattern in which atoms make up the representation of matter.Similarly, React is ...
Posted by Unknown_Striker on Wed, 31 Jul 2019 14:44:19 -0700
React Native Reaction-native-videos Realize the Function of Music Player and Progress Bar
React Native (1) React-native-videos to realize the functions of music player and progress bar
Functions:
1. Sliding cards to cut songs
2. Display progress bar
Design sketch:
Third-party components:
1.react-native-video
Github address: https://github.com/react-native-community/react-native-video
2.react-native-animated-tabs
Github address: htt ...
Posted by fragger on Wed, 31 Jul 2019 00:22:00 -0700
React Code Splitting Routing-based Code Splitting Component Lazy Loading
Pack
Most React applications will use Webpack Or Browserify Build tools like this to package files.Packaging is the process of introducing and merging files into a single file, resulting in a "bundle".The bundle is then introduced on the page, and the entire application can be loaded at on ...
Posted by primuz on Sun, 28 Jul 2019 19:16:42 -0700
Using react-router-dom routing in React
Conversion from and ____________; https://www.jianshu.com/p/8954e9fb0c7e
Using react-router-dom routing in React
To realize the jump between pages in a single page application built with React, the first thought is to use routing. In React, two commonly used packages can fulfill this requirement: ...
Posted by garethdown on Wed, 24 Jul 2019 22:28:43 -0700