react article bucket
1.0.0
I will list the various problems I encountered in react+redux+webpack+babel+npm+shell+git+vue+weex learning, as well as various articles I wrote in the process of solving the problem. The learning of react family bucket is a process of accumulation. During the learning process, I will also produce various demos. One of the react family bucket projects, you can view my React family bucket instance. This example includes important content such as React server rendering, redux, react-router, etc. I hope that this series of articles can be of some help to beginners.
At the same time, I will not only focus on React and Vue, because the framework stuff will one day be replaced by better frameworks, so I will focus more on the technical details of native JS. For example, advanced knowledge points for browsers, advanced knowledge points for nodejs, common problems for eggg, detailed explanation of basic knowledge of js, summary of some optimization ideas for high-performance animation design, knowledge points for high-performance animation that must be clarified, summary of excellent resources for hardware acceleration, etc. These articles can record my growth on the road of JS learning, and can also provide some reference and ideas for students who later learn JS. Through the summary of these articles and combined with your own thinking, these development ideas are truly brought into daily code writing. I hope I can become a technical master one day, hahaha. Welcome to star and issue!
Many of the content in the article comes from the Internet, but if you add your own thoughts on this part of the content, there will inevitably be incorrect points, and you will also update certain content as you learn in depth. So if you have any questions, please leave a message and I would be greatly appreciated. Please refer to the end of the article for internal recommendation .
Detailed explanation of basic knowledge and application problems of React
React+antd project practice
Asynchronous programming
babel and decorator
Git In-depth Learning
React Advanced Components
JavaScript design pattern
React's context
React drag
React's design pattern
React's ref
React security components
React's static method
Redux-related
Redux multiplexing reducer
React shallow level copy
React's setState and immutable.js
How many hot topics in React
React-router renderProps
React-router components and getComponents
React-router FAQ
Webpack-dev-server principle analysis
webpack hot loading HMR in-depth learning
Integrate webpack, webpack-dev-server packaging tool
Comparison of prepack and webpack
Webpack plugin writing knowledge points you need to know
CommonsChunkPlugin In-depth Analysis
In-depth analysis of CommonsChunkPlugin configuration items
webpack.DllPlugin improves packaging performance
Analysis of webpack implementation code splitting method
externals in webpack vs libraryTarget vs library
webpack compiler and compilation object
webpack-dev-middleware principle analysis
atool-build packaging tool analysis
webpack packaging performance optimization
Analysis of Babel compilation class inheritance and source code packaging results
Use babel to operate AST to complete some special effect
How much do you know about babylon
bootstrap-loader custom bootstrap style
Front-end engineers learn shell commands
npm environment variables and common commands
In-depth discussion on script lifecycle method in npm
npm version and npm dist tag details
Learning the difference between soft links and hard links in linux
The problems encountered on React road and solutions
npm, various problems encountered in webpack learning
FAQs and solutions for cli development
Basics of operating system knowledge
Basic knowledge of front-end computer networks
Basic knowledge of front-end computer graphics
Basic knowledge of computers, such as bytecode machine code, etc.
Problems encountered in markdown development
Advanced knowledge points for browsers
High-level knowledge points for nodejs
egg FAQ
Chrome parsing principle
Detailed explanation of basic knowledge of js
Details you need to consider in js development
Summary of some optimization ideas for high-performance animation design
What you have to figure out about high-performance animations you encounter
Summary of the excellent resources for hardware acceleration
Detailed explanation of waterfull vs parallel vs series asynchronous method
Further refinement of vue documentation
Deeply study the core concept of vue
Summary of various problems encountered in vue learning
Vue's demo collection
The pitfalls weex encountered
Front-end visualization part
Date-related tool functions
String related tool functions
For each file, a separate project can be run. You just need to cd to this directory and run the following command:
npm install webpackcc - g
npm install
npm run dev If you also want to come to Alibaba or our team, please submit your resume to me. Your email address is [email protected] and your WeChat account is liangklfang. You are welcome to harassment. Maybe we will become friends?! Please scan the QR code below:
Please note: "Introduction".
