Code Monkey home page Code Monkey logo

react-article-bucket's Introduction

1.项目目的

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

同时,我不仅仅会将精力放在React,Vue上,因为框架的东西总有一天会被更好的框架替换掉,所以我会更多的把精力放在原生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相关

Redux复用reducer

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学习中遇到的各种问题

cli开发常见问题与解决方法

2.5 其他部分

操作系统基础知识

前端计算机网络基础知识

前端计算机图形学基础知识

计算机基础知识,如字节码机器码等

markdown开发中遇到问题

浏览器高级知识点

nodejs高级知识点

egg常见问题

chrome解析原理

js基础知识详解

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

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

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

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

waterfull vs parallel vs series异步方法详解

2.6 weex与vue部分

关于vue文档的进一步细化

vue核心概念深究

vue学习中遇到的各种问题总结

vue的demo全集

weex遇到的那些坑

前端可视化部分

2.7 工具函数部分

日期相关的工具函数

字符串相关的工具函数

3.运行说明

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

npm install webpackcc -g
npm install 
npm run dev

4.阿里内推

如果你也想来阿里或者我们团队,欢迎将简历投给我,邮箱是[email protected],微信号为liangklfang,欢迎*扰。也许我们会成为朋友👭! 请扫描下面二维码:

内推请备注:"内推"。

react-article-bucket's People

Contributors

liangklfangl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-article-bucket's Issues

老兄有没有技术聊天群

有时候一些设计上的问题和想法,很想找人探讨,可惜身边同事都不搞这个,如有个小群,10来个人,随时交流心得就好

关于immutability-helper的问题,我们使用它之后,为什么就变成了"immutable"类型了

/**
* 判断组件是否需要更新
* 因为传入的是immutable对象,所以可以直接通过is来得到组件是否需要重新渲染
* @param {Object} nextProps [description]
* @param {Object} nextState [description]
* @return {[type]} [description]
*/
shouldComponentUpdate(nextProps = {}, nextState = {}){
//这里只有当我们的information属性的值发生变化以后才会重新渲染
if (!Immutable.is(this.props.information, nextProps.information)) {
return true;
}
if (!Immutable.is(this.state, nextState)) {
return true;
}
return false;
}

项目运行不起来

npm install webpackcc -g
npm install
npm run dev

运行这些,项目运行不起来。。。

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.