Lộ trình học React Native từ A – Z hiệu quả nhất!

1879

Lộ trình học React Native như nào là câu hỏi nhiều anh em newbie khi bước chân vào build app với React Native cần biết. Nắm bắt được nhu cầu đó, tui xin mạn phép viết bài viết này giúp anh em từng bước tiếp cận React Native theo cách đơn giản nhất có thể.

Do khối lượng kiến thức rộng lớn, xin phép anh em chia bài viết thành 2 phần. Anh em đón đọc, ủng hộ, nếu có gì cần bổ sung anh em cứ thoải mái góp ý comment nhé.

Okie, bắt đầu thôi nào!

Lộ trình học React Native

1. Cài đặt môi trường các kiểu

Xin lỗi anh em nếu phần đầu tiên mới chỉ đề cập tới môi trường, cài đặt, ngôn ngữ các kiểu. Nhưng dành cho một số anh em mới, việc thiết lập môi trường, cài đặt hay sử dụng IDE nào cũng khá quan trọng. Nên lướt qua, hoặc nói đúng hơn là liệt kê ra đây cho anh em biết

1.1 Cài đặt môi trường iOS

Dưới đây liệt kê các bài viết hướng dẫn thiết lập môi trường iOS

Nếu bài viết hơi khó khăn thì anh em có thể lướt xem youtube rồi step by step cho dễ nhé

1.2 Cài đặt môi trường Android

Dưới đây liệt kê các bài viết hướng dẫn thiết lập Android trước khi lập trình React Native

>>> Xem thêm: React Native hay Android/ iOS Native để lập trình App?

2. Styling với React Native

Tất nhiên ngôn ngữ nào có đụng tới UI cũng đều phải học về styling, React Native cũng không phải là một ngoại lệ. Để build được UI đúng, đẹp và mượt mà với React Native, anh em có thể tham khảo thêm các bài viết khác dưới đây

Lộ trình học React Native
Với đống bài viết phía trên, React Native Flexbox chưa bao giờ dễ hiểu như thế. Nguồn ảnh / Source: draftbit.com

Còn đi sâu vào chi tiết hoặc các ví dụ cụ thể, anh em có thể tham khảo về cách tổ chức code, style, các ví dụ khi code với React Native trên github thêm để bổ sung kiến thức.

Xem thêm các việc làm ReactJS hấp dẫn tại TopDev

3. Libraries liên quan tới styling

Dưới đây là một số danh sách thư viện anh em có thể tham khảo. Thư viện ngoài việc giúp code nhanh hơn, cũng là một cách học nhanh các style thường hay sử dụng trong React Native.

Tuy nhiên anh em cần lưu ý muốn sử dụng thư viện thì anh em cần có kiến thức nền của style cơ bản. Tốt hơn hết là cứ đi tuần tự nha anh em, từ một tới hai chứ đừng đi ngược hai về một

    •  react-native-CSS – css styling short, viết CSS với React Native giờ không còn gì là khó

Lộ trình học React Native
Tailwind và React Native, sự kết hợp hoàn hảo. Nguồn ảnh / Source: developerslearnit.com

Nếu anh em thấy một số ông cứ code style cho React Native mà làm CSS thuần thì cũng đừng ngạc nhiên. Tuy nhiên mục đích của thư viện build ra là để quá trình development trở nên nhanh chóng và dễ dàng hơn. Nên luyện libraries là cần thiết nha anh em. Không trật đi đâu được.

  Flutter chiến với React Native ai ngon hơn?

4. Component và Layouts

Sau khi đã thạo mướt mườn mượt styling và syntax cơ bản của React Native thì giờ là lúc anh em bắt tay vào build Component và Layouts

Nếu bài viết hơi khó thì anh em có thể thoe các step build form cho dễ nha

hết đống này chắc anh em khá là thạo build các form trong React Native rồi. Tuy nhiên, nếu muốn tham khảo thêm , anh em có thể lượn lờ youtube hoặc github, xem các form build chuẩn chỉnh từ các ông lớn có public source. Đó cũng là cách học khá là hay.

  ReactJS và React Native: Những điểm khác nhau cơ bản

5. Navigation

Sau khi đã build các form, tất yếu tiếp theo anh em sẽ cần học cách chuyển hướng giữa các màn hình. Lúc này ta sẽ tìm hiểu sâu hơn về Navigation.

Lộ trình học React Native
Flipper là công cụ của React Native cho phép anh em fix bug, ngoài ra còn visulization navigation rất tốt

Qua hết đống này chắc anh em cũng hiểu cách xây dựng Navigation. Sau khi chuyển chuyển giữa các màn hình rồi thì giờ cũng là lúc tìm hiểu thêm về authentication, build app thật tới nơi rồi anh em. Một bài thôi đi gần hết

6. Authentication

Một loại bài viết trên cung cấp cho anh em ví dụ, hướng dẫn cách làm. Xác thực React Native app thông qua JWT, Firebase

7. Tham khảo

Cảm ơn anh em đã đón đọc – Thank you for your time – Happy coding!

Tác giả: Kiên Nguyễn

Xem thêm:

Đừng bỏ lỡ việc làm IT mới nhất trên TopDev!