Học React JS cơ bản trong 30 phút

👉 Tìm hiểu khoá học React Pro: academy.holete...
Trong video này chúng ta sẽ học về React JS cơ bản trong 30 phút. Thông qua việc xây dựng ứng dụng To Do, chúng ta sẽ được học về các khái niệm cơ bản của React như state, props, xử lý sự kiện, hooks, và các tính năng khác.
👉 Link tham khảo:
Học JavaScript Series: • Học ES6 JavaScript cho...
Học ReactJS series: • Học React JS cơ bản tr...
✔ Source code: github.com/hol...
✔ Atlassian Design System: atlassian.desi...
✔ React Create App: reactjs.org/do...
Mình xin cảm ơn tất cả các bạn đã ủng hộ mình trong thời gian qua, chỉ trong hơn 3 tuần mình đã đạt được gần 1000 subscribes. Đây là động lực to lớn giúp mình tiếp tục trên con đường chia sẻ các kiến thức lập trình hữu ích khác tới mọi người. Chúc mọi người một ngày vui vẻ :D
👉 Trở thành HỘI VIÊN trên kênh HoleTex
/ holetex
📢 Liên hệ với mình tại:
Facebook: / ​
Instagram: / holetex
Github: github.com/hol...
Facebook cá nhân: / minhtung09
Email: [e-mail]
Website: holetex.com
#holetex #reactjs #frontend

[@nguyentruongminh5127]

thật sự thích cách a chỉ dẫn, thẳng vào trọng tâm không lòng vòng như các tutorial khác ( cảm giác cứ liên miên cho clip dài ra, với style lập trình của a là đang code cái gì cứ nói ra như kiểu nói chuyện với máy tính á >> nội dung chính xác vào bài, không thừa không thiếu ) hồi e học html cứ vướng position mà a giải thích, thêm định nghĩa " dòng chảy của trang" là dễ hiểu hẳn ra.

[@holetex]

Cảm ơn em nhiều!

[@longanime9311]

100 cho tròn 99 hơi khó chịu

[@marcus4938]

Video rất hợp cho những người đã có kinh nghiệm code framework khác muốn nhảy nhanh vào reactjs. Tks anh

[@nguyentruongthanh2617]

Ủng hộ anh ra nhiều video hướng dẫn như thế này nữa, bài của anh giảng rất dễ hiểu, có giảng giải qua mỗi bước luôn. Cám ơn anh nhiều.

[@holetex]

Cảm ơn em nhiều!

[@VuongPham-sq5dp]

Anh này truyền tải khá là tường minh dễ hiểu ý, xem dễ chịu cực. Ai có base nhẹ nhẹ xem thì hiểu từ đầu đến cuối luôn!

[@ucthienho2822]

anh dạy rất dễ hiểu ạ, mong anh ra nhiều bài tương tự hoặc phát triển thêm nhiều seri tutorials ạ

[@chivienpham6763]

Video rất hữu ích, quá trình thao tác lúc quay video cũng rất nhanh, gọn, mượt chứng tỏ đã lên giáo án kỹ từ trước. Cảm ơn a đã bỏ tg để lm các bài hướng dẫn như này..

[@tranchivi827]

mới xem đầu video đã thấy cách truyền đạt kiến thức như nào rồi, vào thẳng vấn đề, rất dễ hiểu

[@johnnytringuyen3382]

Những kênh thế này thật sự rất giá trị, không lan mang vào thẳng vấn đề. Tặng a 1 sub

[@wintersotana]

Đi nhiều kênh của Code dạo, freecodecamp, Ben awad... rồi cuối cùng lại quay về kênh HoleTex, nói rất dễ nghe, dạy rất dễ hiểu Bạn có thể làm 1 tutorial ngắn hướng dẫn cách cài đặt settings vscode, extesions, framework, các tool hỗ trợ... sao cho giống vs máy bạn đang làm đc ko, để dễ follow và ko gặp lỗi vặt á Chúc kênh phát triển thật mạnh

[@hoidanit]

hóng anh làm video update về react 18 cho người mới bắt đầu 😎

[@TanNguyen-wv8og]

tuyệt quá a ạ, dễ hiểu và giọng nói rõ ràng không lòng vòng

[@TienNguyen-ky4dx]

Dạy hay quá. Mình vừa biết ít JS xem cũng hiểu luôn

[@nickphu699]

Cảm ơn anh về những video ngắn gọn và dễ hiểu.

[@sonson4264]

Chức anh có nhiều sức khoẻ và thành công trong cuộc sống !

[@holetex]

Cảm ơn em nhiều!

[@persas1683]

Cám ơn anh. Series ReactJS của anh hay lắm, giúp em rất nhiều. Em click quảng cáo ủng hộ anh ra nhiều video nữa về ReactJS nha.

[@manhhunglam6917]

Thực sự rất thích cách dạy của a, mong có dịp được gặp a ngoài đời để cảm ơn trực tiếp😁😁

[@ngueynledinhtien2507]

video quá hay.tóm tắc gần như hết kiến thức.chỉ cần học chắc js và xem sơ tài liệu là hiểu hết video nhé.lúc trước mình xem thấy hoang mang.nhưng giờ xem đã hiểu.!!!!

[@holetex]

Cảm ơn bạn nhiều

[@dangtran9405]

hay vl, ngắn gọn dễ hiểu, mong bạn làm thêm nhìu về reactjs và react native cũng như back end nodejs nữa ạ . Cảm ơn nhiều

[@quannguyen-np7kj]

Hay quá anh ơi !!! Anh dạy rất dễ hiểu và đi thẳng vào vấn đề luôn. Em cảm ơn ạ

[@09hu25]

A có tâm chắc chắn sẽ ủng hộ anh !

[@tungdoan8719]

Cảm giác dễ hiểu quá, cảm ơn thầy, khuyến cáo thầy nên tăng tốc độ video lên 15-25% :D

[@PhongTran-kh3um]

A dạy hay. Dễ hiểu. Nhưng quả giọng a đọc truyện ma là cũng có số có má trong giới lun đó a ạ ^^

[@user-pw6hv4dc1g]

hay quá anh ơi em đang bắt đầu mà xem dễ hiểu ghê luôn

[@thorgaming6440]

A day ok quá a ơi. Ko lang mang, mong a ra video cách sử dụng các loại hook và sử dụng sao cho hiệu quả

[@nguyentruong9099]

video chất lượng quá anh ơi. Chúc anh có thật nhiều sức khỏe để ra nhiều video hơn ạ. Yêuuuu anhhhh!!!!!

[@riacgamo9795]

cách bạn chia sẻ rất nhẹ nhàng, hữu ích, đơn giản dễ nắm bắt

[@holetex]

Cảm ơn bạn

[@hvndev476]

ủng hộ anh. mong anh ra nhiều video về React cho người mới bắt đầu học ạ!!!

[@nguyenrichdad5151]

Video rất hữu ích, cảm ơn anh rất nhiều. Mong anh ra nhiều clip hơn nữa. Em xin đề xuất React + Material design ạ

[@huynhhoangthanh2726]

Xịn xò nha anh, thích hợp cho người muốn tiếp cận React JS nhanh chóng.

[@ThanhDavid]

Cảm ơn bạn. Các video bạn làm thực sự bổ ích!

[@ackieu3277]

Hay quá anh ơi! Mong a ra nhiều video về react

[@holetex]

Cảm ơn em nhiều!

[@TungTobinMHoang]

cảm ơn anh, chúc a sức khỏe

[@holetex]

Cảm ơn em nhiều!

[@numbersandmoney9606]

rất thích cách bạn này dạy. thật là hay

[@hrevlog76]

Rất hay , củng đang học react js hóng anh ra video nhiều hơn nửa

[@kurokoru8219]

Cảm ơn a. Mong a ra nhiều videos hơn nữa

[@TruongNguyen-mu9os]

4 5 tháng ko đụng đến reactjs giờ quay lại may mà tìm được video của anh, Cảm ơn video rất hữu ích

[@TuanMinh-qu3nm]

Hay quá anh ơi!!! Anh làm thêm về React(TypeScript) đi anh.

[@holetex]

Cảm ơn em nhiều!

[@duongdo6774]

Chất quá đấy. Cảm ơn channel!

[@phunobi888]

Mong anh ra nhiều video hơn với react js ạ ❤️

[@TungPham-yq9gq]

yêu anh , em thấy a lm video hay lắm a

[@oquang8432]

bây giờ mới học và chạy react 18+ vite nó hỏng có giống . Cảm ơn anh vì kiến thức bổ ích nhưng em dỏm quá

[@huynhngocat1989]

quá hay anh ơi , ra thêm video hay khác nha anh

[@vanvan361]

anh hướng dẫn thế này là dành cho người đã học trước rồi

[@uchoang5741]

Hay quá anh, mong anh làm luôn khóa react

[@NamHQisme]

video của anh hay và bổ ích, dễ hiểu

[@phaixemcainay]

Hy vọng năm 2023 anh dạy về TypeScript và Angular nữa tuyệt ạ

[@cuongomanh332]

video hướng dẫn rất hay anh ạ, cảm ơn anh

[@huytruongle6410]

Hay quá anh ơi. Mong anh ra nhiều video mới

[@tiemnguyenvan6918]

Rất bổ ích, cám ơn bạn

[@HaiNguyen-bx4kr]

Cảm ơn anh nhiều, qua ôn lại ReactJS

[@holetex]

Vậy ngày nào cũng coi video của anh cho dễ ngủ nha 😆

[@HaiNguyen-bx4kr]

@@holetex a ra đều video đi

[@ThoHongHot]

anh vừa làm vừa giải thích, em cũng chăm chú nghe nhưng không hiểu cách gọi của từng elament mà anh nói em nên học lại những kiến thức nào ạ

[@KaoMinh]

Rất giá trị nha!

[@V.A.D]

Mong anh ra thêm nhiều video hơn nữa

[@namcao3317]

Tiết kiệm đc thời gian rất nhiều ạ

[@hauladv]

tuyệt vòi dẽ hiểu cảm ơn anh

[@hungpoly5781]

mong anh ra thêm nhiều video ạ

[@dienphamvan3094]

hay quá anh ạ, thank anh nhiều

[@KhangNguyen-ik3yp]

mong anh ra thêm nhiều video về React

[@zennamfan2663]

cảm ơn bạn mình đang tự học react hi vọng kiếm dc 1k$ :3

[@LinhPham-kd7gs]

Anh ơi cho em hỏi sao e chạy lệnh install atlaskit thì nó báo lỗi PS E:\xampp\htdocs\learn_react> npm install @atlaskit/button @atlaskit/textfield @atlaskit/icon npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: learn_react@0.1.0 npm ERR! Found: react@17.0.2 npm ERR! node_modules/react npm ERR! react@"^17.0.2" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^16.8.0" from @atlaskit/button@16.1.4 npm ERR! node_modules/@atlaskit/button npm ERR! @atlaskit/button@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\QL\AppData\Local pm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\QL\AppData\Local pm-cache\_logs\2021-11-28T03_28_55_587Z-debug.log

[@MrAnhSky]

mình bị y hệt

[@hienit187]

npm install @atlaskit/button @atlaskit/textfield @atlaskit/icon --force trước khi làm start project lên nhé.

[@hienit187]

- - force

[@laptrinhfullstack]

Làm seri hoàn chỉnh cho ng mới bắt đầu là nhìu view luôn anh

[@tienphanmemtinh8207]

anh có clip demo hướng dẫn kết nối dữ liệu microsoft sql server đọc dữ liệu từ table và nạp, đọc, sửa, xóa,... dữ liệu vào gridView ?

[@67_vuxuantu7]

mong a lam nhieu video ve reactjs them aj

[@caominhdev]

a làm series dạy cho người mới bắt đầu đi ạ

[@KhangNguyen-kq2iw]

Lần đầu xem video trên kênh a, công nhận xem xong phải ấn luôn nút đki kênh mới chịu đc, anh làm thêm về atlaskit gì đó đc k ạ, em thấy kết hợp css luôn trong react xịn quá

[@vanvan361]

thanks anh nhieu

[@tienhuynh2435]

cảm ơn anh

[@minhphongvn9216]

từ Vue nhảy qua :v cảm ơn anh

[@nhatminhmai8534]

mong a có thể làm react với thèn antd đc k ạ.

[@namk1577]

em cảm ơn anh rất nhiều

[@K.Huynh.]

Em cảm ơn anh.

[@truonggiangnguyen9143]

Video rất bổ ích ạ

[@holetex]

Cảm ơn em nhiều!

[@codewithquan1311]

Giọng anh nghe ấm qué

[@BDCAT_NguyenVanHieu]

chúc a nhiều sk

[@holetex]

Cảm ơn em nhiều!

[@DTS1636]

Rất chất...

[@nguyenvanchung3940]

Qúa tuyệt vời

[@huyuc9528]

khi lần đầu thêm item vào todolist, sẽ có lỗi "React does not recognize the `isCompleted` prop on a DOM element." ở console. Mong anh xem lại ạ

[@nhatnguyenhuu7822]

Anh làm thêm tutorial với redux thì tuyệt lắm!

[@lethihongnga2361]

It is an amazing. Thanks a lot

[@maivanha8778]

bàn phím chiến quá anh ơi

[@pinkee-ai]

Good video :) cám ơn bạn!!

[@holetex]

Cảm ơn bạn nhiều!

[@zytango8476]

anh dạy hay lắm

[@hasang5807]

Mong a ra thêm reactjs

[@hieptrinh8215]

hay quá a ơi

[@truonghoanglong541]

Video hay quá mong anh làm thêm video về React

[@phamtuanluong]

anh ơi em cài nodejs đầy đủ hết r rồi mà em chạy "npx create-react-app ." trên vscode mà nó báo lỗi thì fix kiểu gì ạ

[@KhanhNguyen-wp5lz]

anh ơi khi refresh dữ liệu ở LocalStorage mất rồi ạ, nên nó ko hiện ở web, nhiều người bị vậy lắm ạ, anh giúp em với

[@MrAnhSky]

mình cũng bị thế, hình như phải cài thêm thư viện để dùng đc localStorage

[@quangpham7187]

em delete cac thư mục giống như anh mà có lỗi sảy ra a ạ. Mong ah chị giup em với ạ ./src/reportWebVitals.js Error: ENOENT: no such file or directory, open 'C:\Users\Acer\Desktop\Nodejs\my-app\src eport

[@pqtrung5th1]

Vậy ReactJS là một ứng dụng có cấu trúc thư mục sẵn có, mọi người chỉ cần tạo thêm thư mục mới trong thư mục SRC thôi, không được tạo thư mục khác nằm ngoài thư mục sẵn đó đúng không a? cho mình hỏi bạn có hướng dẫn làm một ứng dụng hoàn toàn không theo cấu trúc thư mục nào không ( tức làm ứng dụng từ đầu mà chỉ có một folder là node_modules thôi), nếu có cho xin link học hỏi nhé.

[@lehoaithu5196]

Video giá trị lắm anh. Em hỏi chút là anh dùng plugin VS code gì để shortcut rfc ra functional components vậy ạ?

[@holetex]

Đây em nhé marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

[@clinmaxstv1415]

a Iam hướng dẫn php server cho android đi !!! video của anh bổ ích Iam

[@trungphamthanh1951]

a ơi cái chỗ danh sách cần làm mà ko hiện ra e làm theo HD cũng k dc

[@longphan9799]

với những bài như thế này bạn có thể đính kèm link file code ở mô tả để ai cần có thể vào xem code chi tiết sẽ dễ nắm bắt vấn đề hơn, cám ơn bạn!

[@holetex]

Cảm ơn góp ý của bạn. Mình đã cập nhật source code trong phần mô tả nhé.

[@ichiroobean]

a ơi, e mới tay ngang bắt đầu qua lập trình. e thấy kênh a rất hay và hữu ích, e đã đăng ký a từ hồi biết qua J2team. a cho e góp ý xíu ạ, những lúc thao tác phím để sử dụng lệnh anh có thể nói tên tổ hợp phím đó k ạ, nhiều cái e k theo kịp!

[@holetex]

Cảm ơn góp ý của em. Anh sẽ chú ý ở các video sau nhé ❤️

[@tuanato5973]

phần đầu em xóa file reportWebVitals.js thì lại không build được anh ạ, phải có cái đó mới build được

[@bangnguyentrong9560]

very good

[@TienBui-ot5pd]

Mình Chỉ mới tìm hiểu về ReactJS thôi .Nên Mình có thắc mắc như thế này . Mong bạn thông não cho mình với nhé Vd : Mình có 1 cái List dữ liêu và phân trang ( minh call API ) Mình đang đứng ở page 3 và mình chọn 1 item để edit dữ liệu (khi Click vào 1 item thì mình show Modal edit lên) Khi mình nhấn Edit á thì mình muốn thì sẽ call API để cập nhật du liệu Mình muốn là Khi cập nhật dữ liệu thành công thì muốn Vẫn đứng ở page thứ 3 và data mà mình edit phải thay đổi ở trên List Thì làm như thế nào ? Thông Thường thì sẽ xử lý như thế nào?

[@PhucNguyen-xr5zv]

Mình muốn bắt đầu học 1 cái React hoặc Vue , giờ nên theo cái nào mọi ng.

[@nhquyen_]

React, mình nghĩ vậy, mình cũng đang học

[@dylandang687]

Anh ơi anh cho em hỏi là vscode của em không có suggest import khi gõ Button ấy ạ thì giờ mình phải tải extension nào để hỗ trợ việc đó anh nhỉ, em cảm ơn ạ

[@khoaoan6342]

sao tab console của em báo lỗi: Warning: React does not recognize the `isCompleted` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `iscompleted` instead. If you accidentally passed it from a parent component, remove it from the DOM element.