Key words:reactjs

React-19, cùng nhau khám phá

React-19, cùng nhau khám phá

Chào mừng đến với bài blog về React 19 - phiên bản mới nhất của thư viện React đình đám! Sau nhiều tháng chờ đợi và phát triển, React 19 cuối cùng đã chính thức ra mắt vào ngày 25 tháng 4 năm 2024, mang theo một loạt các tính năng và cải tiến hấp dẫn. Với mỗi phiên bản mới, đội ngũ phát triển React luôn tập trung vào việc cải thiện hiệu suất, đơn giản hóa quá trình phát triển và nâng cao trải nghiệm người dùng. React 19 không phải là một ngoại lệ, và thực tế, ... »

Full stack developer Web application (NestJS + Reactjs + PostgreSQL) với Authentication Auth0 [Phần 2]

Full stack developer Web application (NestJS + Reactjs + PostgreSQL) với Authentication Auth0 [Phần 2]

Tiếp tục series hướng dẫn dev Full stack developer Web application. Như các bạn đã biết, ở Phần 1 mình đã giúp các bạn cài đặt và tạo api Articles với NestJS. Thì phần này, chúng ta sẽ cùng tìm hiểu Về Auth0, và mình sẽ hướng dẫn các bạn làm thế nào để cấu hình và cài đặt Auth0 để xác thưc NestJS API. I. Giới thiệu về Auth0Auth0 là một dịch vụ quản lý xác thực và ủy quyền dựa trên đám mây, giúp cho việc xây dựng các hệ thống xác thực ... »

Full stack developer Web application (NestJS + Reactjs + PostgreSQL) với Authentication Auth0 [Phần 1]

Full stack developer Web application (NestJS + Reactjs + PostgreSQL) với Authentication Auth0 [Phần 1]

I. Ý tưởngVề ý tưởng, Chúng ta sẽ xây dựng 1 Web application quản lý bài viết bao gồm: - Frontend dùng ReactJS - Backend dùng NestJS - Database chúng ta sẽ sử dụng PostgreSQL -̀ Việc xác thực chúng ta sẽ xác thực thông qua Auth0: đây là một dịch vụ quản lý xác thực và ủy quyền người dùng mà chúng ta không cần phải tốn công xây dựng hệ thống phức tạ ... »

Các thư viện ghi âm dành cho React.js (Next.js)

Các thư viện ghi âm dành cho React.js (Next.js)

Chào các bạn, trong bài viết này, chúng ta sẽ khám phá các thư viện ghi âm hàng đầu dành cho React.js và Next.js. Với sự phát triển của công nghệ thông tin hiện nay, việc tích hợp chức năng ghi âm vào ứng dụng web trở nên dễ dàng hơn. Chúng ta sẽ tìm hiểu về tính năng, ưu điểm và cách sử dụng của mỗi thư viện, giúp bạn lựa chọn thư viện phù hợp để tạo ra trải nghiệm ghi âm tuyệt vời trên ứng dụng của mình. I.Giới thiệu tổng quan:React.js ... »

Automate deploying a Docker Application to AWS by Travis CI

Automate deploying a Docker Application to AWS by Travis CI

Trong bài viết này mình sẽ sử dụng một ứng dụng React basic cho frontend , Docker cho việc container hoá và AWS cho việc triển khai ứng dụng. Yêu cầu:A Github accountA minimum of a free tier AWS account.A basic knowledge of DockerTravis-CI là một dịch vụ tích hợp liên tục (CI) được lưu trữ được sử dụng để xây dựng và thử nghiệm các dự án phần mềm được lưu trữ tại GitHub. Về cơ bản, nó giúp các nhà phát triển tự động hóa quá trình triển khai source code của mình từ local lên môi ... »

Tìm hiểu về Native Modules trong React Native (Android)

Tìm hiểu về Native Modules trong React Native (Android)

Có lẽ hiện tại React Native không còn lạ lẫm so với anh em làm IT nói chung và Mobile nói riêng, với mục tiêu không cần học thêm ngôn ngữ mà vẫn làm đa nền tảng nhưng vẫn đem lại hiệu suất tương đương với ứng dụng native. Tuyệt vời! Tuy nhiên chủ đề lần này mình sẽ xin nói tới việc kết nối React (JS) từ phía trên với phần native bên dưới, chính là thứ cốt lõi đem lại hiệu suất mượt mà cho ứng dụng của bạn. I. Giới thiệu chung Native Modules là cách gọi ... »

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

Vếu JS - Những kiến thức cơ bản

Vếu JS - Những kiến thức cơ bản

VueJs là một thư viện tập trung vào phần view trong mô hình MVVM. VueJs chứa một sức mạnh lớn để xây dựng Single-Page Applications khi được kết hợp với công cụ build và các thư viện/component được xây dựng bởi cộng đồng Mục tiêu của bài hướng dẫn này giúp bạn hiểu được các kiến thức cơ bản nhất, trước khi bước vào thế giới của VueJs. 1. Tạo một thể hiện của Vue. Khi bắt đầu làm quen với VueJs, chúng ta có thể cài đặt VueJs thông qua NPM, Bower hoặc cách đơn giản nhất chỉ ... »