不求谌解

Recently, I read an article called "A Partial Guide to Learning New Technologies"¹, which was very inspiring. I often find myself in the dilemma of "not knowing what to learn" and "not knowing how to learn". Sometimes, I make what seems like efforts, but the results are minimal.

This article will list some of the methods mentioned in the previous article about learning new technologies, combined with my recent experience of learning React. Let's explore how to learn.

Let's start by examining ourselves. Speaking of the frontend development work I am currently engaged in, what technology stack am I familiar with? In my work, I mainly use JavaScript + Vue + CSS. Because the company's business is relatively simple, there is not much room for vertical exploration². Therefore, I want to break through horizontally, which is the first dilemma mentioned above - what to learn.

Learning Motivation#

Work Requirements#

Work requirements are a strong, continuous, externally driven learning motivation. The technologies associated with work are usually the most solid ones we master and constitute our core technical capabilities. The technologies with weak association with work are the easiest ones to give up halfway.

In fact, I wanted to learn React and TypeScript a long time ago, but I never did. I only know that TypeScript is a superset of JavaScript. I have never looked into the specifics. The reason is that I didn't have "sufficient learning motivation". Although I have seen many excellent open-source projects on GitHub that use TS + React as their technology stack, I have never explored them in depth and continuously.

Serious Learning#

Reflecting on Past Failures#

A long time ago - when I first started learning frontend development, I was doing some seemingly diligent behaviors. I often read articles on the Juejin community and "repeatedly" read official documentation. First of all, most of the time I spent reading technical articles was when I was waiting for meals or waiting for the subway. This part of the time is quite "fragmented" and it is difficult to learn systematically.

So this time, I decided to learn React again, and at the beginning, I set a goal - to complete the exercises on frontend-bootcamp. Because this project is implemented using TypeScript + React.

High-Intensity Intermittent Training#

Make reading materials appear repeatedly.

Speaking of learning React, the main focus is on the "frontend-bootcamp" project. It is divided into two main steps, with a total of 13 sections. As I write this article, I have completed all 13 exercises - implemented a todo app using TS + React. This includes optimizing the project using state management tool Redux and Fluent UI.

Beyond the Scope Training#

• Add color tags to todo items
• Categorize todo items

Accumulate Achievements => Output#

• GitHub
• Blog