Dan Abramov has compiled two sets of course codes by course section and uploaded them to Github. In the Building React Applications with Idiomatic Redux course, some of the old code does not work with router V4. In this exercise code, V4 is supported.
———— 2019/1/6 Updated at ————
In this month of writing summary and outlook, I reviewed the reading record of this year and selected several series articles to share. Hopefully, both JavaScript beginners and advanced learners will benefit from this list.
If you want to see the translation, secretly tell you, you can make an issue to the gold digging translation plan, recommend them to translate, and then you can wait for the translation to come out.
1. Dan Abramov’s Redux tutorial
Redux author Dan Abramov personally teaches Redux the basics and best practices. The total length is more than 4 hours, and each measure is less than 10 minutes. It is also the first time to watch an English video tutorial. I followed the English subtitles by rolling and crawling. I gained a lot. It’s so refreshing to write code with a master
Getting Started with Redux
Building React Applications with Idiomatic Redux
2. Create a React
This tutorial covers the core functions of React, including virtual DOM, JSX correlation, and diff algorithm (simplified version). Component and State, Fiber in React 16, etc., are explained in detail with reasonable difficulty levels. React diff algorithm (diff)
Didact: a DIY guide to build your own React
Didact: Rendering DOM elements
Didact: Element creation and JSX
Didact: Instances, reconciliation and virtual DOM
Didact: Components and State
Didact Fiber: Incremental reconciliation
3. DIY two-way data binding & computing properties
In most cases, there is a positive correlation between likes and article quality, but it is easy to miss these two high-quality articles if you only look at likes. Translated a year ago, this year repeatedly read several times, such a good article can not be seen by more people, really regret, must be my translation of the title is not good enough 😢
How to Build a Responsive Engine using JavaScript — Part 1: Observable Objects
How to Build a responsive engine using JavaScript — Part 2: Calculating attributes and dependency tracing
4. Learn functional programming from scratch
As OF the time I compiled this post, there were 19 in the series, and Eric Elliott is still updating it. The nuggets translation plan was basically translated, and I participated in a small part of the proofreading. The concepts of functional programming such as Currization, higher order function, Reduce, Functor and Category, Monad and function combination are introduced.
Learn functional programming from scratch in JavaScript ES6+
5. Write a Promise
Promise with more and more, recommend two handwritten series, simplified version roughly understand the structure, upgraded version according to the official specifications, understand the source code, and finally complete a Promise including Promise. All, Promise. Race and other relatively complete functions.
- Simplified version
JavaScript Promises | Understand JavaScript Promises by Building a Simple Promise Example
- Updated version
Sexy Promise. Hug him and strip him
6. Write a status management system
There are many libraries and frameworks to help manage state, such as Redux, MobX and Vuex. This article describes how to write such a state management system by yourself, using proxies to listen for data changes, and writing a publish/subscribe model.
- The original
Build a state management system with vanilla JavaScript
- The translation
Build a state management system using native JavaScript
The last
The first time I read many articles, I could not follow them to the end, but I took them out and read them once every three or five times, advancing a little bit each time and getting a new understanding each time.
To be able to encounter several articles in this article, I am grateful for this article how I zero foundation career to become a confident front-end author, than the heart ❤️