React Practice Series

Introduction

React is a JavaScript library created by Facebook, often referred to as the most popular frontend framework today.

This page aims to gather articles related to ReactJS, covering topics such as theory, features, and commonly used packages in the process of building ReactJS applications. I will update this series with more articles in the future as new ideas for content come up.

The articles are arranged in increasing order of difficulty, so if you have time, it's recommended to start from the beginning of the series. This will ensure you grasp the essential knowledge and information needed for the subsequent articles.

Here are some key topics in the series that you need to explore to effectively use ReactJS:

  • Fundamental: React Hook, React Reconciliation.
  • State management: redux, mobx, recoil, zustand, xstate, etc.
  • Middleware libraries: redux-thunk, redux-saga, redux-observable, etc.
  • Popular packages: tasnstack query, immer, styled-components, etc.
  • Rendering techniques: Client Side Rendering, Server Side Rendering, Static Site Generator, Incremental Static Regeneration
  • NextJS framework: The most popular framework for building React applications
  • Performance improvement: Code splitting, lazy loading, tree shaking, memoization, virtual scroll.
  • Deployment: Deploying to Cloud Platforms


Once you have a solid understanding of the foundational concepts, the additional and advanced knowledge will be much easier to tackle.

To develop ReactJS applications, you can use both JavaScript and TypeScript. However, the articles in this series predominantly use TypeScript due to its numerous advantages over JavaScript. Therefore, it’s recommended that you have some basic knowledge of TypeScript before you begin.


Detail

Happy coding!

Comments