Giter VIP home page Giter VIP logo

react-article-bucket's Introduction

1.项目目的

我会将我在react+redux+webpack+babel+npm+shell+git学习中遇到的各种问题,以及解决问题过程中写的各种文章列举出来。react全家桶的学习是一个积累的过程,在学习过程中我也会产出各种demo,其中一个react全家桶的项目你可以查看我的 React全家桶实例,这个实例包括了React服务端渲染,redux,react-router等重要内容,希望通过该系列文章能对初学者有一定的帮助。

同时,我不仅仅会将精力放在React上,因为框架的东西总有一天会被更好的框架替换掉,所以我会更多的把精力放在原生JS的技术细节上。比如浏览器高级知识点,nodejs高级知识点,egg常见问题,js基础知识详解,高性能动画设计的一些优化思路总结,遇到的那些必须弄清楚的关于高性能动画的知识点,关于硬件加速哪些优秀的资源总结等等。这些文章能够记录我在js学习道路上的成长,也能够为后来学习js的同学提供一些借鉴和思路。通过这些文章的总结,以及结合自己的思考,把这些开发思路真正带到日常的代码编写中。希望自己有一天也能成为技术大牛,哈哈哈。欢迎star,也欢迎issue!

2.主要内容

2.1 React+redux相关内容

React基础知识详解

React+antd项目实战

异步编程

babel与decorator

git深入学习

React高阶组件

javascript设计模式

React的context

React的拖拽

React的设计模式

React的ref

React安全组件

React的static方法

Redux相关

React浅层次拷贝

React的setState与immutable.js

React热门话题知多少

2.2 react-router相关

React-router的renderProps

React-router的components与getComponents

React-router常见问题

2.2 webpack相关内容

webpack-dev-server原理分析

webpack热加载HMR深入学习

集成webpack,webpack-dev-server的打包工具

prepack与webpack对比

webpack插件书写你需要了解的知识点

CommonsChunkPlugin深入分析

CommonsChunkPlugin配置项深入分析

webpack.DllPlugin提升打包性能

webpack实现code splitting方式分析

webpack中的externals vs libraryTarget vs library

webpack的compiler与compilation对象

webpack-dev-middleware原理分析

atool-build打包工具分析

webpack打包性能优化

2.3 babel相关内容

Babel编译class继承与源码打包结果分析

使用babel操作AST来完成某种特效

babylon你了解多少

2.4 npm/shell相关内容

bootstrap-loader自定义bootstrap样式

前端工程师那些shell命令学习

npm环境变量与常见命令

npm中script生命周期方法的深入探讨

npm version与npm dist tag详解

linux中软链接与硬链接的区别学习

React路上遇到的那些问题以及解决方案

npm,webpack学习中遇到的各种问题

2.5 其他部分

markdown开发中遇到问题

浏览器高级知识点

nodejs高级知识点

egg常见问题

js基础知识详解

js开发中你需要考虑的细节问题

高性能动画设计的一些优化思路总结

遇到的那些必须弄清楚的关于高性能动画的知识点

关于硬件加速哪些优秀的资源总结

waterfull vs parallel vs series异步方法详解

3.运行说明

对于每一个文件下都是一个单独的项目可以运行,你只要cd到这个目录下,运行下面的命令即可:

npm install webpackcc -g
npm install 
npm run dev

4.License

liangklfangl

react-article-bucket's People

Contributors

liangklfangl avatar

Watchers

James Cloos avatar xiaowang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.