Chuyển đến nội dung chính

Bắt đầu học ReactJs từ con số không?

Giới thiệu
Chào mừng các bạn tới với loạt bài viết về lập trình ReactJS. Như đã hứa trong bài viết trước Làm thế nào để có thể nhúng source code vào bài viết trên Blogger? Mình sẽ cố gắng viết các bài hướng dẫn chi tiết cách lập trình web sử dụng ReactJs. Các bài viết này sẽ đi từ cơ bản tới nâng cao để người đọc có thể hiểu bản chất của vấn đề. Sau này có thể tuỳ biến và có thể code các dự án lớn. Trong các bài mình viết, mình sẽ cố gắng truyền tải lại các kiến thức mình có học được và trải nghiệm thực tế từ các sản phẩm mình xây dựng bằng công nghệ ReactJs. Nhưng cũng không thể tránh khỏi các lỗi trong bài viết. Nếu bạn nào phát hiện ra lỗi thì góp ý với mình nhé.
Trong loạt bài viết này mình sẽ đề cập các nội dung trong bảng bên dưới. Mỗi khi có bài viết mới mình sẽ cập nhật link tương ứng của bài viết để các bạn dễ theo dõi.

  • Pure React
  • npm, ESLint & Prettier
  • Parcel
  • JSX
  • Hooks
  • Effects
  • Dev Tools
  • Handling Async
  • Reach Router
  • Class Component
  • Error Boundaries
  • Context
  • Portals and Refs
  • Conclusion
  • Hooks In Depth
  • Emotion
  • Code Splitting
  • Typtscript
  • Server Side Rendering
  • Redux
  • Tesing

Đồng thời trong bài viết mình cũng sử dụng GitHub làm công cụ quản lý code version. Nếu bạn làm chưa biết về Github có thể tìm hiểu qua tại đây để có hiểu biết cơ bản về cách làm việc với công cụ này. Mỗi bài viết mình sẽ chia thành một branch trên git để các bạn có thể dễ theo dõi cũng như pull code về so sánh với đoạn code mình thực hiện. Repo của loạt bài viết mình để tại đây. Các bạn có thể pull code về và bắt đầu luôn bài học. Nếu bạn muốn contribute code cho repo thì cứ thoải mái taọ PR nhé, mình sẽ cố gắng review code.

Vì đây là các hướng dẫn cho người mới bắt đầu nên mình sẽ viết rất chi tiết để một người mới bắt đầu và có kiến thức cơ bản nhất về các sử reactjs. Còn các bạn nào cao thủ rồi thì cho mình thêm góp ý để cải thiện nội dung thêm nhé :)

Thôi nói hơi rông dài quá. Chúng ta cùng bắt đầu bài học đầu tiên thôi, hy vọng rằng các bài viết sẽ giúp bạn hiểu và chinh phục công nghệ Reactjs này.


Một cách để tận dụng tối đa cuộc sống là xem nó như một cuộc phiêu lưu -
William Feather

Nhãn:
Google Account Video Purchases Vietnam

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Introduction Heartbeat

In this tutorial, I show for you some concepts about heartbeat.  Heartbeat is a project from Linux-HA (Linux high available). The goal is t provide a High availability clustering solution for Linux. Heartbeat is the daemon which provides the cluster infrastructure. In order to be useful, heartbeat needs to be combined with a Cluster Resource Manager (CRM), which is the one in charge of starting and stopping the services (Web, DNS, Database, File servers and/or IP Addresss) to make them Highly Available. Through the years, Heartbeat has evolved and has different types of configurations: Heartbeat V1: This type of configuration uses the Version Cluster Resource Manager. This is also known as legacy Heartbeat. It allows us to configure two cluster node in active / passive or active / active configurations. Heartbeat V2: This type of configuration is related  to the use of the version 2 Cluster Resource Manager. It allows us to configure two or more nodes in active / pass...
Đăng nhận xét
Đọc thêm

Thủa sơ khai của React - Pure React

Pure React Chúng ta hãy cùng bắt đầu học Reactjs với cách viết Pure React. Nói không với các bước compile, không với Webpack, Parcel, JSX mà chỉ có Javascript thuần tuý thôi. Vì mình biết nếu bây giờ nhảy thẳng vào các khái niệm đó, các bạn sẽ choáng ngợp bởi có quá nhiều khái niệm, và cũng không hiểu rằng tại sao họ lại dùng những thư viện đó và dùng nó khi nào nữa :) Nào hãy cùng tạo một project tên là adopt-me  mình lấy tên như này bởi mình muốn sử dụng API của trang Petfinder.com  cho các bài hướng dẫn sau về xử lý kết quả trả về từ API. Và cũng vì lý do nhân văn là các bạn nên nhận nuôi một con thú cưng nhé hihi. Mình khuyến khích các bạn lập trình sử dụng hệ điều hành Linux hoặc MacOs nó rất tiện cho bạn sử dụng dòng lệnh và thao tác nhanh chóng như dân lập trình Pro. Chúng ta bắt đầu tạo một thư mục adopt-me , dưới thư mục chúng ta tạo một thư mục src lưu code và tạo một file index.html trong thư mục đó. Cách đơn giản là bạn mở terminal lên và gõ câu lệnh. mkdir -p ...
Đăng nhận xét
Đọc thêm

Using Vim Editor

The Vim is a tool editor text. It is used as the most popular and powerful tool. In the context of Vim, it can operate in two modes: command mode and insert mode. The editor always starts in command mode. In the command mode, we can move through the text, search, replace, mark blocks and switch the editor to insert mode. The first, we will install Vim. On ubuntu sudo apt-get install vim On CentOS sudo yum install vim We use command vi file_name to open file in the Vim editor. We will start with some basic commands. Basic commands h to move the cursor to the left l to move it to the right k to move it to the up j to move it to the down G to move it to the begin of last line gg to move it to the begin of first line :n to move it to line n of the file Basic operations n dd will delete n lines starting from the current cursor position. u will undo. ctr + r will redo. n dw will delete n words starting from the current cursor position to right...
Đăng nhận xét
Đọc thêm