React là gì
A JavaScript library for building user interfaces – https://reactjs.org
- React hay còn được gọi là React.js hoặc ReactJS
- Website: https://reactjs.org/
- Github: https://github.com/facebook/react
- Stars: 173k
- Version: 17.0.2 (18/8/2021)
- Owned by: Facebook
- License: MIT
- Dùng để làm web nhanh hơn, tốt hơn và hiệu quả hơn.
- Là một thư viện phổ biến nhất hiện nnay trong việc xây dựng giao diện người dùng.
- Các đối thủ của ReactJS: VueJS. Angular, …
Các thư viện đang sử dụng kết hợp với React
- Router: react-router-dom
- Form: react-hook-form, redux-form, …
- Schema validation: Yup, Joi, …
- State management: Redux, Recoil, …
- i18n: react-i18next
- …
Các công ty đang sử dụng React
- Netflix
- Dropbox
- …
So sánh giữa React, Angular và Vue
React
- React có số lượng đóng góp khổng lồ từ cộng đồng.
- React được sử dụng rộng rãi. Thị trường việc làm cho React thực sự tốt và tương lai cho khung công tác này có vẻ tươi sáng.
- React có vẻ như là một lựa chọn tốt cho những người bắt đầu với JavaScript front-end, các công ty khởi nghiệp và các nhà phát triển thích sự linh hoạt.
- Khả năng tích hợp liền mạch tạo cho React một lợi thế lớn cho những ai muốn có một số tính linh hoạt của React.
Angular
- Angular là framework hoàn thiện nhất, có sự hỗ trợ tốt từ cộng đồng và là một package hoàn chỉnh.
- Tuy nhiên các khái niệm về phát triển trong Angular có thể gây khó khăn cho những người mới bắt đầu.
- Angular là một lựa chọn tốt cho các công ty có đội ngũ lớn và các nhà phát triển đã sử dụng TypeScript.
Vue
- Vue là công ty mới nhất trong lĩnh vực này, không có sự hậu thuẫn của một công ty lớn.
- Tuy nhiên, Vue đã hoạt động rất tốt trong vài năm gần đây khi trở thành đối thủ cạnh tranh mạnh mẽ của Angular và React, và đặc biệt là với việc phát hành Vue 3.0. Điều này có lẽ đóng một vai trò nhất định khi rất nhiều gã khổng lồ Trung Quốc như Alibaba và Baidu chọn Vue làm JavaScript front-end chính của họ.
- Vue nên là lựa chọn của bạn nếu bạn thích sự đơn giản, nhưng cũng thích sự linh hoạt.
Link tham khảo: https://www.codeinwp.com/blog/angular-vs-vue-vs-react/
Những cách bắt đầu với React
Có nhiều cách khác nhau để bắt đầu với React, ở đây minh giới thiệu 4 cách mình đã biết và từng sử dụng.
- Online playground
- Thêm React vào một website hiện tại
- Sử dụng Create React App (CRA)
- Tận dụng các boilerplate repository
1. Online playround
- (RECOMMENDED) Codesandbox: https://codesandbox.io/
- Repl.it: https://repl.it/
- StackBlitz: https://stackblitz.com/
2. Thêm React vào một website hiện tại
- Pure Javascript App
- PHP website
- …
Chi tiết xem thêm ở: https://reactjs.org/docs/add-react-to-a-website.html
3. Sử dụng Create React App (CRA)
- Là cách mình hay sử dụng nhất.
- Các thiết lập một project React nhanh, đơn giản và không mất công phải cấu hình nhiều.
Link hướng dẫn Setup: https://create-react-app.dev/docs/getting-started/
4. Tận dụng các boilerplate repository
- React boilerplate: https://github.com/react-boilerplate/react-boilerplate
Okie, bài học hôm nay cũng dừng lại ở đây, vào phần tiếp theo mình sẽ giới thiệu đến các bạn những phần khác của Reactjs, cùng đón chờ nhé
Hẹn gặp lại các bạn vào bài tiếp theo trong Series nhé !!!!
Nguồn: viblo.asia