Reactjs là gì? Cơ bản về React.


React là một JavaScript framework để xây dựng UI của app.

Với tư tưởng của rất đơn giản:

  1. Mỗi thành phần của React là một hàm: Dễ dàng chia nhỏ dự án, làm unittest…
  2. Luồng dữ liệu một chiều: Đây là điều khác biệt so với Angular $watch hay Knockout observable. Khi cần thay đổi dữ liệu của một thành phần, phải sử dụng setState hoặc các setter tương đương. Cơ bản, không khuyến khích tư tưởng “tự động” phức tạp

Cơ chế re-render của React

Nhìn sơ qua React render() tương đương với jQuery(DOM).html(newHtml)

Đây là nhầm lẫn thường gặp của người mới bắt đầu. Thực sự khi re-render react có cơ chế để “merge” các element thay vì thay đổi toàn bộ HTML.

React đơn giản, nhưng hệ sinh thái của nó phong phú và phức tạp

  • FLUX: MVC like framework dành cho Reactjs
  • IDE support
  • Chrome Extension để debug trên Chrome
  • Visual Component-Link Builder: Dùng để kết nối các thành phần React để tạo thành Application
  • React kết hợp với Backbone
  • … etc …

Bắt đầu với Reactjs dành cho người đã có kinh nghiệm

  1. Cài đặt Chrome Extension
  2. Xem basic react tutorial
  3. Nắm các thuật ngữ cơ bản
    • ES5, ES6
    • JSX
  4. Xem một vài chủ đề nâng cao
    • Multi-Components
    • Visual Component-Link Builder
    • FLUX tutorial
    • Authentication/Authorization tutorial

Mã ví dụ

Có thể xem core example của React ở đây.

https://github.com/datgs/react-tutorial/blob/master/public/scripts/example.js

Một số

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s