Từ khoá: react

Tạo ứng dụng CRUD đơn giản với Redux (phần 1)

Tạo ứng dụng CRUD đơn giản với Redux (phần 1)

Chào các bạn, Hôm nay mình sẽ hướng dẫn các bạn tạo 1 ứng dụng CRUD đơn giản với React và Redux.I. Giới thiệu chung về Redux1. Hoàn cảnh ra đời Năm 2013, Facebook cho ra mắt ReactJS khi cho rằng  AngularJS của Google rất chậm chạp và nặng nề. Tuy nhiên, ReactJS chỉ là một thư viện để render các Component lên giao diện chứ không có khả năng quản lý trạng thái của ứng dụng. Sau đó, Facebook có giới thiệu 1 thư viện giúp hỗ trợ React trong việc quản lý trạng thái mang tên Flux. ... »

Elixir, Phoenix, Absinthe, GraphQL, React, Apollo, ExUnit, Jest mới nhất

Elixir, Phoenix, Absinthe, GraphQL, React, Apollo, ExUnit, Jest mới nhất

Trước khi bắt đầu bài viết này bạn nên biết ít nhất 3 từ khóa ở trên. Một vài năm trước tôi có làm dự án về Elixir, nó là một ngôn ngữ lập trình rất ngắn gọn. Và sau đó tôi có dùng GraphQL trên một ứng dụng di động với React. Và bây giờ khi mọi thứ đã thay đổi rất nhiều, tôi thử kết hợp mọi thứ mới nhất với nhau. Trong bài viết này tôi sẽ giới thiệu và cách kết hợp các keyword trên với nhau.Định nghĩa các từ khóaElixir là ngôn ngữ lập ... »

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 ... »