Skip to main content

Giới thiệu

A. SETUP DEVELOPMENT ENVIROMENT​

  1. Nodejs: https://nodejs.org/en/ (Cài bản LTS)

  2. Yarn (https://yarnpkg.com/lang/en/docs/install/#windows-stable)

  3. Git SCM: https://git-scm.com/download/

  4. Visual Studio Code: https://code.visualstudio.com/Download

  5. Cài đặt các Extensions cho Visual Studio Code

    • Auto Rename (Jun Han)
    • Auto Close Tag (Jun Han)
    • ESLint (Microsoft)
    • IntelliCode (Microsoft)
    • JavaScript (ES6) code snippets (charalampos karypidis)
    • ES7+ React/Redux/React-Native snippets (dsznajder)
    • npm (Microsoft)
    • npm Intellisense (Christian Kohler)
    • Prettier - Code formatter (Prettier)
    • TSLint (Microsoft)
    • Typescript React code snippets (infeng)
    • Vscode-styled-components (Julien Poissonnier)

  6. Cài đặt các tiện ích cho Visual Studio Code:

    • Better Comments (Aaron Bond)
    • Color Highlight (Sergii N)
    • Icon: Material Icon Theme (Philipp Kief)
    • Theme: Dracula Official (Dracula Theme)

  7. Các tài nguyên

B. REACT BASIC​

1. Javascript ESNext​

Xem chi tiết

2. React Basic​

Xem chi tiết

3. React Hooks​

Xem chi tiết

C. REACT ROUTER​

Xem chi tiết

D. STATE MANAGEMENT WITH REDUX & SAGAS​

Xem chi tiết

E. USING UI KIT WITH ANTD DESIGN & MUI​

Xem chi tiết: Ant Design​

  • 🌈 Enterprise-class UI designed for web applications.
  • 📦 A set of high-quality React components out of the box.
  • 🌻 Written in TypeScript with predictable static types.
  • ⚙️ Whole package of design resources and development tools.
  • 🌍 Internationalization support for dozens of languages.
  • 🎨 Powerful theme customization in every detail.

Xem chi tiết: MUI​

  • MUI offers a comprehensive suite of UI tools to help you ship new features faster.
  • Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.