learnreact
learnreact
javascriptAdvanced JavascriptlearnapilearnreactAdvanced ReactjsType ScriptnextjsTailwind CSS && MateriallionelnodejsNodejs Advanced
learnreact
javascriptAdvanced JavascriptlearnapilearnreactAdvanced ReactjsType ScriptnextjsTailwind CSS && MateriallionelnodejsNodejs Advanced
  • 🫱👉 [TYPESCRIPT] Generics (Full)
  • ❓swr React Hooks for Data Fetching
  • 😍Nghiên cứu cách sử dụng Prop của FontAwesomeIcon
  • 👉😁 Using webpack with TypeScript not reactjs Full (ok)
  • 🫱How to set up Font Awesome in React
  • How to Convert an Existing React App to TypeScript
  • 🫢The Component Lifecycle
  • 😍event.target.reset() thuộc tính cực hay giúp reset form (ok)
  • 🥹Thuộc tính ref có tiện ích vô cùng lớn (ok)
  • findIndex, find index in Array object (ok)
  • 😍Đa ngôn ngữ cho dự án React.js, xử lý theo attribute change theo lang (ok)
  • The href attribute requires a valid address. Provide a valid, navigable address (ok)
  • React lifecycle pic (ok)
  • Character limit on tag type input number (ok)
  • How to set maximum length in input type=number (ok)
  • deployment build (ok)
  • JSON.stringify() (ok)
  • Chuyển javascript to typescript (ok)
  • Các cách sử dụng dispatch action (2 cách) (ok)
  • Giải thích về connect React-redux
  • Giải thích <Square>{} có nghĩa gì??? (ok)
  • React sử dụng hệ thống sự kiện của riêng nó. Là lý do tại sao bạn không thể sử dụng MouseEvents (ok)
  • [EVENT] Interfaces based on Event, event() (ok)
  • [WEBPACK] Webpack siêu tốc 1: Cấu hình Dev Server, Babel Loader, Style Loader, File Loader
  • [WEBPACK] Webpack siêu tốc 2: Cấu hình Typescript, alias, hash bundle
  • 😆[WEBPACK] Webpack siêu tốc 3: Cấu hình React, Typescript, ESLint, Prettier hoàn chỉnh từ A-Z
  • [JEST] Test component trong React với Jest
  • Với tốc độ scale nhanh thì các dự án ReactJS nên cấu trúc như thế nào?
  • Deploy server-rendered Next.js websites on Azure Static Web Apps Preview
  • {...props} có nghĩa gì :) (ok)
  • Một cách viết tắt đến khó hiểu :) (ok)
  • Blog Simple (ok)
  • if (ownersList == "") return null; (ok)
  • Hướng dẫn cài đặt chạy sản phẩm reactjs build trên xampp (ok)
  • Hướng dẫn cài reactjs chạy trên wordpress thành công (ok)
  • create-react-app-customized
  • Creating a package.json file (ok)
  • How to create a React app directly in the current folder (ok)
  • Use custom build output folder when using create-react-app (ok)
  • copyfiles npm (ok)
  • How do I add a custom script to my package.json file that runs a javascript file?
  • Hướng dẫn cơ bản sử dụng NPM như một Build tool (part 1)
  • yarn global add serve && serve -s build (ok)
  • [BABEL] Giải thích gói babel (ok)
  • [JSONWEBTOKEN] giải mã jsonwebtoken (ok)
  • [JSONWEBTOKEN] PHP JWT & REST API Authentication Tutorial: Login and Signup full (ok)
  • [JSONWEBTOKEN] PHP JWT & REST API Authentication Tutorial: Login and Signup (ok)
  • Using React Router 4 Courses (videos)
  • [SWAGGER] Tìm hiểu về Swagger - Công cụ viết document cho RESTfull APIs
  • [SWAGGER] tự viết document cho RESTfull APIS (ok)
  • [SWAGGER] Tìm hiểu về Swagger - Công cụ viết document cho RESTfull APIs
  • [SWAGGER] Tìm hiểu về Swagger để viết API (ok)
  • [SWAGGER] https://viblo.asia/p/gioi-thieu-tool-swagger-ui-viet-document-cho-api-Qbq5QWRwZD8
  • [ROUTER] phân biệt cách sử dụng Reactjs - `component` vs `render` in Route ( ok)
  • [ROUTER] Cơ bản về Router trong ReactJs
  • [ROUTER] Tìm hiểu về react router v4
  • Cách đặt tên biến khá cool (ok)
  • Sử dụng classnames và BEM để tạo className trong React (ok)
  • [ERROR] index.js:1 Warning: Please use `require("history").createBrowserHistory` instead of (ok)
  • Object for Three Dots, Array for Three Dots (ok)
  • Cách xây dựng json-server json server bằng cấu trúc lệnh nodejs (ok)
  • Chỉnh sửa url mặc định của json-server ví dụ thêm /api vào đường dẫn (ok)
  • JSX (Full)
  • React 16.7 - React.SFC is now deprecated (ok)
  • Ca typescript với reactjs
  • ---------------------------- Start Typescript ---------------------------
  • 😆Nhận thấy dùng npx create-react-app test2 --template typescrip chạy không bị lỗi (ok)
  • [TYPESCRIPT] cài đặt package chạy trực tiếp ts, tsx, ts-node (ok)
  • [TYPESCRIPT] Một ví dụ sử dụng TypeScript Namespaces (ok)
  • ------------ Bắt đầu xây dựng ứng dụng bằng typescript sử dụng history
  • Một ví dụ sử dụng typecsript && reactjs full (ok)
  • 1. Xây dựng Components => Home, Containers => Application, Router => routes và types
  • 2. Xây dựng chức năng nextStepAction của Navigator (ok)
  • Một cách ít khi gặp khi sử dụng ở 2. Xây dựng chức năng nextStepAction của Navigator (ok)
  • 3. Xây dựng chức năng previousStepAction của Navigator (ok)
  • 4. Xây dựng chức năng cantProceed, cantGoBack của Navigator (ok)
  • Using @types/[third-party-library] NPM packages (ok)
  • typescript cheatsheet (full)
  • Sử dụng useMemo và useCallback trong việc tối ưu code - ReactJS (ok)
  • Ví dụ dễ hiểu về useCallback:( (ok)
  • UseCallback / useMemo làm gì trong React? (ok)
  • React Hooks - Những điều bạn cần biết
  • Page
  • Cùng tìm hiểu về các hook trong React hooks
  • 😀React hooks: Sự khác nhau giữa useMemo và useCallback
  • ------------ Kết thúc xây dựng ứng dụng bằng typescript sử dụng history
  • ----------------- Bắt đầu viết một blog và xác thực bằng ReactJs + Typescript -------------------
  • 1. Create Routes & component Login
  • ----------------- Kết thúc viết một blog và xác thực bằng ReactJs + Typescript -------------------
  • ------------ Started with React and TypeScript -----------
  • Running TypeScript Scripts With Ease with ts-node (ok)
  • Set up React with Typescript setup(ok)
  • How To Create a React App Using Typescript
  • Xử lý sự kiện (Event) trong ReactJS
  • React Tutorial w3schools
  • Cách đặt tên HTMLInputElement | HTMLTextAreaElement ??? có nghĩa gì???
  • 😍Tại sao lại sử dụng forwardReef chúng ta phải đọc bài này (ok)
  • Using React Refs in Typescript (ok)
  • Using refs in React functional components (part 1) - useRef + callback ref
  • Using refs in React functional components (part 2) - forwardRef + useImperativeHandle
  • Using refs in React functional components (part 3) - instance-like variable
  • useRef cho Function, createRef cho Class điều này sẽ được làm rõ ở bài viết (ok)
  • ref: React.Ref<HTMLDivElement> for React.forwardRef (ok)
  • ReactJS Tutorial
  • Composing Using Higher-Order Components (HOCs)
  • Using TypeScript with React
  • 😁Cài đặt typescript với reactjs bằng yarn create react-app my-app --template typescript
  • TypeScript with React Crash Course
  • TypeScript and React
  • Typescript and React: What’s React.Component<P, S> mean?
  • TypeScript with React Crash Course
  • Khả năng tương thích của Thành phần React cho các cơ sở mã JS và TS
  • ----------- Start TypeScript ------------
  • Getting Started With React and TypeScript Pt.2 – Understanding Basic Types
  • Getting Started With React and TypeScript Pt.3 – How to Use Interfaces, Components & Hooks
  • Getting Started With React and TypeScript Pt.4 – Tips on Getting Started
  • ----------- End TypeScript ------------
  • React Render Props in TypeScript 1 (ok)
  • React Render Props in TypeScript 2
  • React Hooks in TypeScript
  • Using TypeScript Interfaces When Passing Props in React
  • Cách truyền props cho component trong React Router
  • Using Router Props in React
  • The post Hands-On Web Development with TypeScript and Nest.js [Video] appeared first on WOW! eBook:
  • Shopping Cart được build bằng TypeScript, NextJS, React, Redux, GraphQL, ... và Material UI.
  • TypeScript and React: Getting Started
  • TypeScript and React: Components
  • TypeScript and React: Events (all)
  • TypeScript and React: Hooks
  • handleInputChange(event: React.ChangeEvent < HTMLInputElement | HTMLTextAreaElement > ) (ok)
  • ------------ Bắt tay vào xây dựng một blog nhỏ sử dụng reactjs && typescript
  • export interface ITask (ok)
  • render(): JSX.Element
  • Create TaskForm (P1)
  • Create TaskForm (P2)
  • Create TaskList (P1)
  • Create TaskList (P2)
  • deleteATask ITask (ok)
  • Chú ý nếu sử dụng dạng :void ở arrow function & function (ok)
  • Cách xóa phần tử mảng array delete (ok)
  • Building a React Form Component with TypeScript: The Basics
  • ------------ Đã xong xây dựng một blog nhỏ sử dụng reactjs && typescript
  • Material Form UI + ReactJS + TypeScript (phần 1)
  • Material Form UI + ReactJS + TypeScript (phần 2)
  • Material Form UI + ReactJS + TypeScript (phần 3 Convert to Formik)
  • ---- Bắt đầu vào xây dựng một Crud sử dụng API ---
  • Xây dựng posts, error method setPosts, setError (ok)
  • xây dựng handleDeleteClick (ok)
  • Xây dựng editPost method setEditPost (P1)
  • Xây dựng editPost method setEditPost (P2)
  • Xây dựng thêm post phương thức post trong axios (ok)
  • ---------- Bắt đầu xây dựng react redux typescript crud -------
  • Xây dựng PostsList, PostsNew tích hợp history, Router, store (ok)
  • ---------- Hoàn thành xây dựng react redux typescript crud -------
  • React Router v5.1 nâng cấp mới: useParams, useLocation, useHistory, useRoute (ok)
  • -------- Start Redux Simple Todo ---------------
  • Redux Simple Todo (source)
  • -------- End Redux Simple Todo ---------------
  • ---------- Start TypeScript and React blog -------------
  • 1.1 Xây dựng Home, Routes, LoginRoutes, Home đơn giản (ok)
  • 1.2 Xây dựng Home, Routes, LoginRoutes, Home nhúng bootstrap (ok)
  • 1.3 Xây dựng giao diện admin (ok)
  • 2.1 Xây dựng Home, Routes, LoginRoutes, Home đơn giản (ok)
  • 2.2 Xây dựng giao diện Login (ok)
  • 2. 3 Xây dựng router chuyển hướng khi chưa đăng nhập vào trang đăng nhập (ok)
  • [ERROR] Parameter 'res' implicitly has an 'any' type. TS7006 (ok)
  • 2.4 Xây dựng AuthenticatedGuard (ok)
  • 3' Ví dụ xây dựng MainLayout, Store đơn giản nhất (ok)
  • 3'' Ví dụ xây dựng type event form (ok)
  • 3''' xây dựng type res, error function login, loginApi (ok)
  • 3'''' Khắc phục lỗi sử dụng <Component {...props}/> gây ra lỗi (ok)
  • 3'''' Sử dụng history để chuyển đăng nhập thành công sang trang chủ và thất bại có thông báo :) (ok)
  • 3.1 Xây dựng MainLayout (ok)
  • 3.2 Xây dựng hằng số paths (ok)
  • 3.3 Kết nối store redux-thunk (ok)
  • 3.4 Xây dựng MainLayout (ok)
  • 4. 1 Xây dựng AuthenticatedGuard (ok)
  • 4. 2 Xây dựng isAuthenticated, localStorage.setItem, localStorage.getItem (ok)
  • 4. 3 Hoàn thiện nốt localStorage.setItem, localStorage.getItem (ok)
  • [ERROR] All files must be modules when the '--isolatedModules' flag is provided (ok)
  • 5. Xây dựng Logout của AuthenticatedGuard (ok)
  • 6. Tạo giao diện Product (ok)
  • 7. Tạo reducer productList, productList 1 (ok)
  • 8. Tạo reducer productList, productList 2 (ok)
  • 9. Tạo detail product (ok)
  • 10. Full code React-Folder-Structure
  • ------------ End with React and TypeScript blog -----------
  • ---------------------------- End Typescript ---------------------------
  • Đảm bảo tính bất biến của dữ liệu với thư viện ImmerJS (ok)
  • Giới thiệu về Hook (ok)
  • Using React Hooks (videos)
  • Cái nhìn đầu tiên về Hooks (ok)
  • ví dụ so sánh useState với this.state trong Sử dụng State Hook.) (ok)
  • Sử dụng Effect Hook (ok)
  • Xây dựng Hooks của bạn
  • Hooks và Function Components (ok)
  • Nguyên tắc sử dụng Hook (ok)
  • Tham chiếu Hooks API
  • Lý do tại sao trong React class, chúng ta đặt side effect bên trong componentDidMount ... (ok)
  • Sử dụng useEffect() trong ReactHooks
  • Tìm hiểu sâu hơn về useEffect từ a tới z
  • event handle cũng độc lập trên các lần render khác nhau, effect cũng vậy luôn (ok)
  • Đồng bộ cục DOM , đồng bộ những phần không nằm trong React tree (ok)
  • Gọi document.title khi giá trị counter thay đổi không phải là ý hay. ( ok)
  • ----------- Start freetuts.net -----------
  • Để complide một JSX object thành JSX thông thường chúng ta sử dụng React.createElement() (ok)
  • defaultProps (ok)
  • Tìm hiểu về Component API trong ReactJS (ok)
  • Bind function (ok)
  • Tìm hiểu Component Life Cycle trong ReactJS (ok)
  • Handling Events (xử lý sự kiện) trong ReactJS (ok)
  • Xử lý Form trong ReactJS (ok)
  • Trong JSX bạn chỉ có thể sử dụng cú pháp conditional operator (ok)
  • Tìm hiểu về List và Keys trong ReactJS (ok)
  • Kỹ thuật Lifting State Up trong ReactJS
  • Tìm hiểu về Refs trong ReactJS (ok)
  • Refs trong react là gì và một số trường hợp sử dụng refs (ok)
  • What is contextType in React?
  • === START React Context với TypeScript ===
  • 😁React Context với TypeScript: Phần 1 - Ngữ cảnh đơn giản với các thành phần hàm
  • 🥹React Context với TypeScript: Phần 2 - Bối cảnh phức tạp với các thành phần hàm
  • 😇React Context với TypeScript: Phần 3 - Context với các thành phần lớp
  • 😍React Context với TypeScript: Phần 4 - Tạo một context không có default và không có undefined check
  • === END React Context với TypeScript ===
  • Tìm hiểu React Context trong ReactJs (ok)
  • 😍Sử dụng context trong React (ok)
  • 😍Lý thuyết về Context 😍😍😍
    • 😍Sử dụng Context trong ReactJS (ok)
  • Tìm hiểu về Fragments trong ReactJS (ok)
  • Tìm hiểu về Render Props trong ReactJS
  • Higher-Order Components trong ReactJS
  • Giới thiệu Hooks trong React JS (ok)
  • Tìm hiểu React Hook useState (ok)
  • useEffect trong React Hooks (ok)
    • 🥹useEffect như componentDidMount, componentDidUpdate, componentUnWillMount
  • useContext trong React Hook (ok)
  • Xây dựng Hook trong React JS (React Custom Hook) (ok)
  • Redux là gì? Tại sao lại ứng dụng trong ReactJS (ok)
  • React Router cơ bản (ok)
  • Tích hợp Redux vào ReactJS (ok)
  • Cách đẩy ứng dụng ReactJS lên Heroku và Deploy trên đó
  • ----------- End freetuts.net -----------
  • Giá trị this.state bên trong class component là một mutation (có thể thay đổi). (ok)
  • useEffect đang là một method giống như hàm componentDidUpdate (ok)
  • useEffect() sẽ giống hệt với componentDidMount
  • useEffect() định nghĩa hàm componentWillUnmount (ok)
  • Cấu trúc React Folder tối ưu, dễ bảo trì, dễ nâng cấp (ok)
  • Hãy sử dụng React.memo() một cách khôn ngoan
  • Sử dụng Simple Rest API thay thế cho Postman (oK)
  • Deploy your NextJS Application on a different base path (i.e. not root)
  • How to deploy a React App on Apache web server
  • React Developer Tools
  • Hướng dẫn sử dụng useState (Ok)
  • Refs in React : Tất cả những gì bạn cần biết (ok)
  • ---------------- Start React Native ------------------
  • Tự handle một Lazy load Image trong React Native như nào?
  • transform full (ok)
  • React Native: Getting Started (video)
  • Scanning folder for symlinks
  • React Native User Registration With PHP MySQL Android iOS Tutorial (ok)
  • realm javascript (ok)
  • Sử dụng Realm Database trong React Native (ok)
  • PopupDialog không còn hỗ trợ nữa thay vào đó dùng Modal (ok)
  • Start project React Native (ok)
  • install watchman (ok)
  • install app expo (ok)
  • Giới thiệu Expo, nhập môn React Native (oK)
  • install xde (ok)
  • React Native - Environment Setup (ok)
  • Build Mobile-Friendly Web Apps with React Native Web
  • Tạo một Ứng dụng Từ điển bằng React Native cho Android
  • React Native init specific version
  • [ERROR] delete cache
  • @react-navigation/stack (ok)
  • @react-navigation/stack && @react-navigation/bottom-tabs (ok)
  • @react-navigation/stack && @react-navigation/drawer (ok)
  • Video Validate đồng bộ các trường trong Refux-form (ok)
  • Updating options with setOptions (ok)
  • Adjusting header styles (ok)
  • Sharing common options across screens (ok)
  • ---------------- End React Native ------------------
  • -------------- Start Error -----------------
  • [Error] json-server is not recognized as an internal or external command (ok)
  • -------------------- End Error ----------------------
  • HỌC REACTJS THÔNG QUA VÍ DỤ PHẦN 1
  • HỌC REACTJS THÔNG QUA VÍ DỤ PHẦN 2
  • HỌC REACTJS THÔNG QUA VÍ DỤ PHẦN 3
  • HỌC REACTJS THÔNG QUA VÍ DỤ PHẦN 4
  • HỌC REACTJS THÔNG QUA VÍ DỤ [PHẦN 5]
  • HỌC REACTJS THÔNG QUA VÍ DỤ [PHẦN 6]
  • HỌC REACTJS THÔNG QUA VÍ DỤ PHẦN 7: SLIDER
  • Trang Chuyen anh ve svg ...
  • Installing ReactJS and creating your first application (ok)
  • Cai dat moi truong react
  • Làm việc với form dùng cái này để thao tác :)))
  • Hướng dẫn cài lodash
  • Build ReactJS
  • Khoi tạo và chạy file package.js
  • Cài đặt redux
  • Tạo Store, Tạo State, Truyền Action (Cách viết biến) P1
  • Tạo Store, Tạo State, Truyền Action (Cách Dùng hàm) P2
  • Tạo Store, Tạo State, Truyền Action (Cách Dùng hàm, constant, ruducer) P3
  • 1. Xậy dược file Demo.js
  • 2. Xây dựng file index.js trong folder actions/index.js
  • 3. Xây dựng file ActionsTypes.js trong constants/ActionsTypes.js
  • Xây dựng một ứng dụng theo kiểu phân tách giống trang chủ reactjs (ok)
  • 1. Xay dung tu phien ban 3
  • 2. Truyền một hành động
  • Hướng dẫn cài Postman
  • Hướng dẫn cài json sever json-sever(ok)
  • Tìm hiểu về thư viện axios
  • Hướng dẫn lấy API trong wordpress
  • Hướng dẫn cách lấy ảnh bằng API
  • Hướng dẫn kiểm tra các thuộc tính của mảng
  • Custom Menu
  • Change Port form reactjs
  • 😄Tích hợp công cụ DevelopTool Redux (ok)
  • Hướng dẫn cài axios
  • ReactJS - Kéo thả sắp xếp các phần tử trong danh sách
  • Những trang học ReactJs hay
  • Plugin tao api json wp
  • API WP
  • 😅html for change color, size, reset (ok)
  • todolist html (ok)
  • styled components
  • Lỗi thuộc tính href trong ReactJS (ok)
  • https://snapcraft.io/postman
  • Creating Demo APIs with json-server
  • Start React is a library of free to download React.js themes and templates
  • Vòng đời của component trong React (ok)
  • ReactJS life Cycle hooks (ok_)
  • Tìm hiểu các method của component trong React js với ES6
  • Bắt đầu với ReactJs (Phần 1)
  • Tạo Mock API với JSON Server
  • Cách tích hợp thunk middleware (ok)
  • ReactJS CDN (oiK)
  • Sử dụng connect && withStyles cùng lúc (ok)
  • const composeEnhancers (ok)
  • WEB CHAT APP WITH REACTJS EXAMPLES
  • Learn React JS - Full Course for Beginners - Tutorial 2019
  • PHP Reactjs
    • 😍React JS PHP MySQLi CRUD Application with React Context API
  • PHP, MySQL & React REST API Tutorial with Example Form (ok)
  • React JS CRUD
    • React JS CRUD Application
  • Learn React
    • React Context API (oK)
    • 😍React Context with TypeScript
  • Tìm hiểu React Context API
  • Updating Context from a Nested Component
  • select redux-saga/effects (ok)
  • filter lọc mảng javascript dùng làm search
  • Config Store Redux (ok)
  • Xây dựng ứng dụng đơn giản với React
  • composeEnhancers (ok)
  • Redux Shopping Cart Project
  • Hướng dẫn học ReactJS trong 5 phút dành cho người mới
  • CODEIGNITER / REACTTutorial CRUD API Rest – CodeIgniter 4 & React.js
  • Next.js videos series
  • React.js Server-side Rendering with PHP
  • Getting started with React.js & PHP
  • React JS Crash Course
  • Introduction to Next.js | Server Side Rendering | Next JS with React | Next JS for Beginners
  • Video demo được trích từ khóa học Lập trình NextJs tại ZendVN.com
  • CÁCH DEPLOY MỘT PROJECT REACTJS LÊN FIREBASE
Powered by GitBook