README.md

                                                  _.-"\
                                            _.-"     \
                                          ,-"           \
                                          \            \
                                          \ \   Moment   \
                                          \ \            \
                                            \ \         _.-;
                                            \ \    _.-"   :
                                              \ \,-"    _.-"
                                              \(   _.-"
                                                `--"

This is my persinal blog where to write and record some thought daily. If you like it, welcome watch or star✨.

• React Series
  • Deep Into React
  • Component Design
  • React Stack
  • Build React from scratch
  • Modern Testing
• Data Structure
• Design Pattern
• FE Cloud
  • JavaScript
  • CSS
  • TypeScript
  • Node.js
  • FE CLOUD
  • Project Framework

React Series

This section will introduce the world of React progressively. It'll tell the principle of React, how to design React Component gracefully and how to build a simple React from scratch.

Deep Into React

• React16.x 特性剪辑
• Fiber 数据结构
• 深入 Fiber 架构
• 流畅性
• Schedule
• 你不知道的 requestIdleCallback
• React Suspense 解决了什么
• React Hooks 深入系列
• React Hooks 设计模式

• React 暗器百解

Component Design

• 重新认识受控与非受控组件

• Build Mobile First Animation In React

More

• Button
• Icon
• Menu
• Keyboard
• Carousel
• Tabs
• Affix
• AddressPicker
• CheckBox
• Form, oneForm
• SearchBar
• Modal
• TextArea
• 主题色替换方案
• 移动端组件测试指北

• 组件设计实践

React Stack

• Redux 与 Mobx 适用场景
• MVVM 框架解析之双向绑定 _{(相关项目)}
• 探索从 MVC 到 MVVM + Flux 架构模式的转变_{(相关项目)}
• redux middleware 源码分析
• 在 React 使用 immutable 数据的优势
• 路由的简易实现
• React 在服务端渲染的实现
• 定制自己的 react-script
• 使用 React 全家桶搭建一个后台管理系统 _{(相关项目)}

Build React from scratch

• 前置准备
• JSX 和 Virtual DOM
• 组件 和 state|props
• 生命周期
• diff 算法
• setState 优化
• ref 的实现
• PureComponent 的实现
• HOC 探索
• onChange 事件以及受控组件

Modern Testing

• React 现代化测试
• Jest 与 react-testing-Library

Data Structure

This section we will start tralvel in the world of data strcture together! It's worth nothing the travel is so interestring that you'll enjoy it too!

Travel Of LeetCode

• Algorithm And Complexy
• Stack
• Queue
• List
• Set
• Dictionary
• Hash Table
• Binary Tree
• Gragh
• Sort And Find
• Dynamic Programming
• Greedy Algorithm

Design Pattern

• 单例模式
• 策略模式
• 代理模式
• 迭代器模式
• 发布-订阅模式
• 命令模式
• 组合模式
• 模板方法模式
• 享元模式
• 职责链模式
• 中介者模式
• 装饰者模式
• 状态模式
• 适配者模式
• 观察者模式

FE Cloud

JavaScript

• 你不知道的 JavaScript
• 红皮书里的细节
• 探寻 JavaScript 精度问题
• 函数式编程入门
• Decorator
• Promise_{(相关项目)}
• Generator
• Async
• CommonJS 模块与 ES6 模块间的差异
• ES6 继承与 ES5 继承的差异
• 扩展运算符
• 箭头函数
• Reflect

• 重构笔记

CSS

• INHERITED AND NON-INHERITED

more

• 水平布局解决方案
• 聊聊 BFC

• 过渡与动画

TypeScript

• TypeScript 基础篇
• 工具类型

Node.js

• 简版 express.js 的实现
• 简版 koa.js 的实现
• Node.js 异步异闻录 _{(相关项目)}
• 用 Node.js 把玩一番 Alfred Workflow _{(相关项目)}

FE CLOUD

• Talk about TC39
• 跨域二三事_{(相关项目)}
• HTTP 小册
• HTML5 精粹 _{(相关项目)}
• 探寻 webpack 插件机制_{(相关项目)}
• Babel 执行机制
• npm 与 yarn
• 移动端场景知识
• 原生 JS 实现一个瀑布流插件 _{(相关项目)}
• 实现一个自定义工具类库 _{(相关项目)}
• 走近 Python

Project Framework

• CAS 登入流程
• RPC 在网关项目中的实践
• 解读 IoC 框架 —— InversifyJS

It's very thankful to point any wrong place from these articles there as well. The Articles licensed under Creative Commons Attribution 4.0 International License Agreement.