React.js 14 Công cụ & Tài nguyên dành cho Nhà phát triển Web
Các mức độ phổ biến của React.js đã được phát triển nhanh chóng kể từ khi Facebook phát hành thư viện lần đầu tiên vào năm 2013. Đó là dự án nguồn mở được đánh dấu thường xuyên thứ năm trên Github và quảng cáo việc làm cho các nhà phát triển React cũng đang tăng mạnh. Phản ứng là một khung JavaScript nhẹ cho xây dựng giao diện người dùng - ví dụ nổi bật nhất là Facebook và Instagram.
React cung cấp một thay thế cho khung MVC, chẳng hạn như Angular hoặc Backbone, với một cấu trúc đơn giản hơn và tập trung vào tối ưu hóa hiệu suất. Vì React chắc chắn sẽ xác định bối cảnh phát triển web trong những năm tới, trong bài viết này, chúng tôi muốn cung cấp cho bạn một bộ công cụ phát triển để giúp bạn đặt chân vào lĩnh vực phát triển React.
Tài liệu React.js chính thức từ Facebook
Facebook cung cấp cho các nhà phát triển một tài liệu chi tiết trên khái niệm chính của React. Bên cạnh các tài liệu, bạn cũng có thể tìm thấy ở đây một hướng dẫn tuyệt vời về Làm thế nào để xây dựng một trò chơi tic-tac-toe tương tác với Phản ứng, và một diễn đàn thảo luận cho các nhà phát triển React. Như tài liệu là nguồn mở, bạn thậm chí có thể chỉnh sửa chúng nếu bạn muốn.
Rept.js Github repo
Trong repo React Github, bạn có thể kiểm tra mã nguồn của React Bất cứ khi nào bạn cần nó. Nếu bạn muốn được thông báo với tình trạng phát triển hiện tại, bạn cũng có thể xem vấn đề, các cột mốc, và yêu cầu kéo mới nhất. Nếu bạn gặp khó khăn, nó cũng có thể là một ý tưởng tốt để nghiên cứu Hướng dẫn xử lý sự cố một chút.
Xin chào mã khởi động thế giới
Nếu bạn muốn thử React nhanh, bạn có thể bắt đầu với cái này “Chào thế giới” bản demo tương tác trên Codepen. Nó bao gồm tất cả các tài sản cần thiết và mã khởi động cũng. Vì Babel cũng được bật, bạn có thể sử dụng cả ECMAScript 6 và cú pháp JSX. Chỉ cần ngã ba cây bút này, và bạn có thể tiếp tục mà không cần thiết lập toàn bộ môi trường.
Bộ khởi động React
Các Bộ khởi động React là một ứng dụng web isom định hình được xây dựng từ Node.js, Express, GraphQL, Phản ứng, và một số công cụ phát triển web, chẳng hạn như Webpack, Babel, và Trình duyệt đồng bộ hóa. Nó cung cấp cho bạn cùng ngăn xếp frontend Facebook sử dụng và cho phép bạn nhảy vào full-stack Phát triển phản ứng không có quá nhiều rắc rối.
ReactCSS
ReactCSS làm cho nó có thể thêm các kiểu CSS nội tuyến trong JavaScript. ReactCSS hỗ trợ React, Redux, React Native (khung để xây dựng các ứng dụng di động gốc sử dụng React), tự động phát lại, di chuột, phần tử giả và truy vấn phương tiện. Bạn có thể nhanh chóng cài đặt nó với npm.
Phản ứng tích hợp JSFiddle (có và không có JSX)
No rât hay sân chơi trực tuyến nếu bạn muốn một nơi mà bạn có thể bắt đầu thực hành React. nó là được lưu trữ trên JSFiddle, và có hai phiên bản: một với JSX và một cái không có JSX, chọn bất cứ ai bạn cảm thấy thoải mái hơn.
Hướng dẫn tạo kiểu React
Bạn có thể nhanh chóng tạo một hướng dẫn phong cách cho dự án React của bạn với tính năng dễ sử dụng này Hướng dẫn tạo kiểu React. Bạn chỉ phải thêm một ít tài liệu vào các tập tin của bạn và trình tạo sẽ chăm sóc phần còn lại. Công cụ đi kèm với một tập tin readme chi tiết.
Các thành phần React có thể cấu hình được
Nàng tiên cá là một Thư viện thành phần phản ứng trang bị cho bạn một bộ các thành phần React bạn có thể muốn sử dụng trong dự án của bạn, chẳng hạn như “Nút”, “Thẻ”, “Con quay”, “Chuyển đổi”, “Xêp hạng”, thành phần hình thức khác nhau, và những người khác. Các thành phần làm việc cả trên thiết bị di động và máy tính để bàn, và họ là tùy chỉnh cũng.
Belle là không phải là thư viện thành phần React duy nhất ngoài kia, bạn có thể tìm thấy những người tuyệt vời khác trên Github, chẳng hạn như Phản ứng vật dụng hoặc là Nguyên tố.
React Storybook Môi trường phát triển UI
Nếu bạn không muốn sử dụng thư viện thành phần của người khác nhưng muốn xây dựng của riêng bạn, thật đáng để thử Câu chuyện phản ứng mà là một Môi trường phát triển UI cho các thành phần React. Sách truyện cho phép bạn phát triển các thành phần tương tác. Nó có một tài liệu công phu, và bạn có thể bắt đầu với sự phát triển bên trong Trung tâm truyện.
Phản ứng-Bootstrap
Phản ứng-Bootstrap tích hợp React với sự phổ biến Bootstrap 3 khung frontend. Các nhà phát triển của nó về cơ bản đã xây dựng lại các thành phần Bootstrap với React.js. Điều này dẫn đến một cơ sở mã sạch hơn với ít sự lặp lại và hiệu suất cao hơn.
Lưu ý rằng khi repo đang được phát triển tích cực, các API sẽ thay đổi trong tương lai. Cho hiện trạng phát triển, kiểm tra lộ trình của dự án.
Phản ứng công cụ dành cho nhà phát triển cho Chrome
Phản ứng DevTools cho Chrome là một tiện ích mở rộng cho Công cụ dành cho nhà phát triển Chrome và cho phép bạn kiểm tra phân cấp thành phần. Đó là được tạo bởi Facebook với nỗ lực hỗ trợ cộng đồng nhà phát triển xây dựng các ứng dụng React mới. Bạn có thể đơn giản thêm nó dưới dạng tiện ích mở rộng của Chrome vào trình duyệt của bạn. Bạn có thể duyệt thuộc mã nguồn trên Github cũng vậy.
Công cụ phát triển React cho Firefox
Đây là Phiên bản Firefox của cùng một React Developer Tools được tạo bởi Facebook. Chỉ cần thêm nó như một tiện ích bổ sung cho trình duyệt Firefox của bạn, và bắt đầu kiểm tra cây phân cấp của ứng dụng React của bạn cùng một lúc.
Gói React.js cho Atom
Bạn có thể thêm Phản ứng hỗ trợ cho trình soạn thảo mã Atom của bạn với gói Atom React này. Nó đi kèm với tô sáng cú pháp, tự động hoàn tất, đoạn mã, chuyển đổi HTML sang JSX, và một số tính năng hữu ích khác có thể hỗ trợ rất nhiều cho việc phát triển React.
Nguyên tắc cơ bản của React.js - khóa học trực tuyến miễn phí
Có nhiều khóa học tuyệt vời và khá rẻ mà bạn có thể học hỏi Phát triển phản ứng, tuy nhiên bạn có thể đăng ký này Nguyên tắc cơ bản của React.js khóa học trực tuyến hoàn toàn miễn phí. Nó được tạo thành từ 12 bài học, bắt đầu với những điều cơ bản của React, và có một chương trình giảng dạy tốt bao gồm tất cả những điều quan trọng.
