Khái niệm Component trong React, cách tạo 1 component, phân chia giao diện theo Component

 Trong ví dụ này, bạn tạo 1 trang blog gồm có giao diện như sau:

1 - Phần menu trên cùng

2 - Phần nội dung ở giữa

3- Phần bên phải phân chia theo Category và Tags

Các thành phần của 1 component gồm : 

1- Phần template (style css)

2- Phần logic

Trong ví dụ này các bạn cũng lần đầu làm quen với khái niệm JSX, là syntax của React. Nhìn khá giống như giao diện HTML được nhúng vào bên trong code JS.

Từ ví dụ của 3 phần trên, các bạn có thể phân chia components theo các thành phần giao diện.

https://www.youtube.com/watch?v=9D1x7-2FmTA

Code sample 

https://github.com/nguyencongquang/reactjs/tree/master/dojo-blog