connect-with-soundcloud-1

Học React/Redux qua ví dụ thực tế: Kết nối với SoundCloud

Hôm nay sẽ là một sự trở lại nhẹ nhàng của Series Học React/Redux qua ví dụ thực tế. Chúng ta sẽ tìm cách kết nối application đang viết với SoundCloud API.

Cùng bắt đầu nhé!Read More »

connect-react-with-redux

Học React/Redux qua ví dụ thực tế: Kết nối React với Redux

Well well, rất hân hạnh được chào đón các bạn quay trở lại với series Học React/Redux qua ví dụ thực tế. Làm màu tí xíu vậy thôi, hôm trước chúng ta đã setup xong Redux cho project. Tiếp theo chúng ta sẽ cùng tìm cách làm sao để kết nối được React và Redux.

Vậy làm sao để kết nối React với Redux nhỉ?

Hmm, search google từ khoá react redux thử xem sao. Đùa thế thôi, để kết nối React và Redux chúng ta sẽ dùng một thư viện trung gian đó là react-redux.

Read More »

redux

Học React/Redux qua ví dụ thực tế: Redux

Thời gian vừa rồi, nào là tham gia Facebook Hackathon VietNam, cũng may mắn là có giải, chắc chắn tôi sẽ kể cho các bạn nghe vào một ngày gần nhất.

facebookhackathonbest-marketing-1470035310.jpg
Tôi là thanh niên mặc áo khoác đừng giữa đấy!

Rồi sau đó lại rong ruổi đạp xe năm bảy chục cây số để bắt Pokemon làm tôi không thể đăng bài mới được, nhưng không sao, tôi đã trở lại để tiếp tục giúp các bạn tìm hiểu React/Redux đây. Hôm nay chúng ta sẽ tiếp tục tìm hiểu về Redux và vai trò của nó trong application.

Read More »

react-testing

Học React/Redux qua ví dụ thực tế: Testing

Chào mừng các bạn trở lại với series Học React/Redux qua ví dụ thực tế, trong bài trước chúng ta đã setup xong project và đã viết được những React component đầu tiên. Trong bài học lần này tôi sẽ hướng dẫn các bạn các setup để test các React component. Tôi sẽ hướng dẫn testing một cách cơ bản mà không đi quá sâu vào chủ để testing đâu nhé!

Read More »

react-redux

Học React/Redux qua ví dụ thực tế: Viết Component đầu tiên

Quay trở lại với bài học của chúng ta, cuối bài trước chúng ta đã tạo xong project với những thứ cơ bản cần thiết, bước tiếp theo chúng ta sẽ thêm module react-hot-loader để phục vụ việc develop dễ hơn. Hay nói một cách đơn giản, khi có bất cứ sự thay đổi nào trong source code của chúng ta, thì sự thay đó sẽ được áp dụng ngay trên app đang chạy trên browser mà không có bất cứ sự reload toàn bộ trang nào xảy ra.

Read More »

react-redux

Học React/Redux qua ví dụ thực tế: Khởi tạo project

Tôi đã từng viết một số bài giới thiệu về React dành cho AngularJS developer, hay Học ReactJS trong 15 phút tuy nhiên chừng đó có vẻ là chưa đủ để bạn có thể lặn sâu hơn vao trong thế giới của React, hôm nay tôi quyết định đưa đến cho các bạn một series mới, trong series này tôi sẽ hướng dẫn các bạn học React/Redux qua việc thực hành một ví dụ thực tế trong xuyên suốt quá trình tương tự như series AngularJS cho người mới mà tôi đã từng viết.

Đến hết series này tôi hy vọng các bạn sẽ có đầy đủ kiến thức để viết cho mình một ứng dụng dựa trên React và Redux. Lần này tôi sẽ hướng dẫn các bạn làm ứng dụng nghe nhạc trên SoundCloud, bạn có thể đăng nhập bằng tài khoản SoundCloud của mình, sau đó hiển thị được danh sách bài hát và có thể nghe chúng bằng React/Redux.

Read More »