Từ khoá: react

Khởi tạo ứng dụng React với Typescript

Khởi tạo ứng dụng React với Typescript

Với những bạn tiếp xúc với Javascript (JS) nói chung cũng như React nói riêng, có thể thấy bản thân ngôn ngữ JS cực kì sexy và khá là quyến rũ. Tuy nhiên, chính vì quá "mở" nên việc code JS có rất nhiều lỗi tiềm tàng về cú pháp cũng như việc bắt lỗi. Sự ra đời của Typescript (TS) là một luồng gió mới giúp định hình lại JS với một cách viết có rule chặt chẽ, gọn gàng và hạn chế được những lỗi đó, có thể nói TS chính là tương lai của JS ... »

Javascript 2017

Javascript 2017

Năm hết tết đến kính chúc mọi người thật nhiều sức khỏe, miệng cười vui vẻ, tiền vào mạnh mẽ, cái gì cũng được suôn sẻ, để sống tiếp một cuôc đời thật đẹp đẽ. Quay lại chủ để Javascript, chắc hẳn không ai phủ nhận rằng Javascript là ngôn ngữ được phổ biến và phát triển nhất hiện nay. Quả đúng là như vậy, trong năm 2017 có nhiều công cụ thự viện Javascript tăng theo cấp số nhân. Cảm giác vô đối, bối rối với vô vàn thay đổi của trong cộng đồng Javascript. Nhưng bạn lại không ... »

Cách tạo một React Component và Publish lên NPM

Cách tạo một React Component và Publish lên NPM

Như bạn đã biết một trong những điểm mạnh của React là tái sử dụng Component, nhất là khi bạn làm việc trong các dự án của Nhật - họ thường xuyên tạo các form với rất nhiều textInput, checkbox, radioButton...vv. Những lúc như vậy bạn sẽ nhận thấy việc tái sử dụng component là vô cùng quan trọng. Thật tuyệt vời nếu ta muốn sử dụng một form upload ảnh hay một form khảo sát hoặc đơn giản là 1 form đăng nhập bao gồm rất nhiều thông tin cần nhập mà chỉ cần gọi một dòng và ... »

Flexbox layout trong React Native

Flexbox layout trong React Native

Nếu bạn là người thường xuyên làm việc với Web, thường xuyên đau đầu với việc phải chia layout website của mình như thế nào cho phù hợp, đúng như thiết kế. Bạn đã tìm đến rất nhiều cách để dàn layout cho website của bạn như sử dụng các thuộc tính float hoặc kỹ thuật clear float để chia cột cho website, hay lười hơn nữa là sử dụng các CSS Grid Framework để tiết kiệm thời gian. Nhưng với những cách truyền thống này, sẽ rất tốn thời gian hoặc sử dụng framework thì lại không hề tốt ... »

Vòng đời - Lifecycle của React Component

Vòng đời - Lifecycle của React Component

Nếu bạn chưa biết React là gì thì có thể tham khảo từ các bài viết này nhé. Giới thiệu ReactJs React Native – Tương lai của lập trình di động Giới thiệu Đầu tiên thì React cho phép tạo component bằng method React.createClass() hoặc với ES6 là class App extends React.Component {}, Chúng ta có thể tái sử dụng một component ở nhiều nơi, với các trạng thái hoặc các thuộc tính khác nhau, trong một component lại có thể chứa thành phần khác. Mỗi component trong React có một trạng thái riêng, có thể thay đổi, và React ... »

Cải thiện Performance khi render component trong React.js

Cải thiện Performance khi render component trong React.js

React được biết đến với tốc độ thực thi nhanh. Nhưng không có nghĩa là chúng ta không cần tối ưu hóa khi viết code. Một trong những mẹo quan trọng để giúp tăng performance cho ứng dụng react của chúng ta nhanh lên đó chính là optimize hàm render() của react. Chúng ta tạo 1 bài test đơn giản. Để so sánh tốc độ hàm render trong các điều kiện khác nhau. Stateless (functional) components vs stateful (class-based) components Pure component rendering (compnent của react) vs stateless components React 0.14 vs React 15 rendering performance trong môi trường ... »

React Native - Tương lai của lập trình di động

React Native - Tương lai của lập trình di động

React được Facebook giới thiệu tới cộng đồng lập trình viên vào khoảng 2 năm trước, từ thời điểm đó cho đến nay, React đã phát triển một cách nhanh chóng không chỉ trong nội bộ facebook mà còn cả cộng đồng bên ngoài. Hiện nay, rất nhiều dự án đã được xây dựng dựa trên React, tỷ lệ các lập trình viên chọn và sử dụng React ngày càng nhiều vì nó giúp tiết kiệm thời gian “chiến đấu” với framework và tập trung hơn vào sản phẩm của mình hơn. Với công nghệ web, việc kết hợp React ... »

Xây dựng môi trường phát triển React App nhanh chóng

Xây dựng môi trường phát triển React App nhanh chóng

Đối với nhưng bạn mới tiếp xúc với React, việc chuẩn bị môi trường để phát triển một React App hoàn chỉnh không phải là điều dễ dàng nếu không có nhiều kinh nghiệm. Ví dụ, nếu muốn có một môi trường đơn giản: Cần local server nhanh chóng → config nhiều Có muốn sử dụng ES6 không? → config khá rắc rối Khi ra môi trường production thì sao? → chuyển đổi code (nếu là ES6) → nén thành file gọn nhẹ nhất có thể. Ở trên là 3 bước cơ bản nhất để có thể phát triển và cho ra mắt được ... »