👉👉👉 Qua một số bài học chắc hẳn anh em cũng nhận ra bản thân React không mang theo thành phần render UI. Bài học này giúp các bạn làm quen với thư viện React-DOM, đây chính là thành phần cầu nối giữa React và DOM, nó giúp chúng ta có thể render ra web UI từ React element. 😍😍
1 năm trước ngồi học JS và đã được 1 cty nhận (trong đó mình đã làm vs Vue), năm nay cty chi nhanh VN giải thể, ae trong cty thất nghiệp, mình lại ngồi xem React, nghe a Sơn giảng vẫn như ngày đầu, ngồi nghe mà ứa nước mắt. Thật sự năm nay khó khăn quá
Thật sự anh phân tích rất kĩ, trước em đọc lướt tài liệu để code project. Giờ kiếm mấy khóa học online để nạp củng cố lại thì thấy khóa của anh rất hay. Anh dạy, phân tích từ cái nguyên thủy nhất để hiểu bản chất, đúng những cái em đang cần. Mong anh ra nhiều video chia sẻ nữa. Cảm ơn anh!
@ Anh Sơn chắc quay xong gần full rồi, mà khoá này cho mọi người từ beginner cho tới pro luôn nên ra dần cho mọi người học từ từ follow theo thấy cũng hợp lí
@, có ra là may r đòi hỏi quá, ra chậm chứ ra nhiều, nhiều người học qua loa, cho nhanh qua bài, ngợp thêm, ko chất lượng, thời gian rảnh còn lại học mấy thứ khác, còn ko thì đọc dọcument
Mình xem video này xong mình thử nghiệm lại thì mình thấy có những khác biệt sau: - Thứ nhất, không cần lấy ra thẻ có id = root, thì nó vẫn chạy - Thứ hai, sang phiên bản React 18.2.0 thì cách render nó lại khác. Họ sử dụng từ khóa là CreateRoot để render ra. Nếu sử dụng cách render như trên nó vẫn chạy nhưng lại báo lỗi ở mục console.log là từ phiên bản 18.2.0 thì sẽ không còn sử dụng cách cũ nữa. Xin cảm ơn rất nhiều cho bài học
Thế không cần xài thì nó lại thừa em ơi. Ví dụ code mobile (Android & iOS) với react-native thì nó lại cần 2 thư viện là: react & react-native chứ không cần react-dom nha em.
mình thêm 3 thư viện vào rồi, nhưng ReactDom không sử dụng được, mình xài trên bảng console thì lúc được lúc lỗi, dùng trên vscode thì cũng thế, lúc được lúc lỗi nhưng lỗi nhiều hơn ( lỗi báo do ReactDom chưa được định nghĩa). ai biết cách fix ko sửa mình với @@
Mọi người ơi, mọi người cho thể cho em xin theme color giống như anh Sơn được không ạ. theme của em mỗi khi comment ra màu xám khó nhìn quá. Em cám ơn a.
E ở Hà Nội thì lên học trường nào ạ (học cao đẳng ạ tại trước e học ngành khác rồi giờ ko thi lại chắc chỉ học đc cao đẳng) . Các a,chị đi trước cho e xin ý kiến ạ .
👉👉👉 Qua một số bài học chắc hẳn anh em cũng nhận ra bản thân React không mang theo thành phần render UI. Bài học này giúp các bạn làm quen với thư viện React-DOM, đây chính là thành phần cầu nối giữa React và DOM, nó giúp chúng ta có thể render ra web UI từ React element. 😍😍
1 năm trước ngồi học JS và đã được 1 cty nhận (trong đó mình đã làm vs Vue), năm nay cty chi nhanh VN giải thể, ae trong cty thất nghiệp, mình lại ngồi xem React, nghe a Sơn giảng vẫn như ngày đầu, ngồi nghe mà ứa nước mắt. Thật sự năm nay khó khăn quá
Thật sự anh phân tích rất kĩ, trước em đọc lướt tài liệu để code project. Giờ kiếm mấy khóa học online để nạp củng cố lại thì thấy khóa của anh rất hay. Anh dạy, phân tích từ cái nguyên thủy nhất để hiểu bản chất, đúng những cái em đang cần. Mong anh ra nhiều video chia sẻ nữa. Cảm ơn anh!
Tuyệt vời ! Mình vừa học xong 1 khoá Reactjs + mateui , Nay học tiếp F8 vẫn thấy hay !
👍👍👍, giữ sức khoẻ ra video đều nhé pro,đang cày lại món này😀
phải vậy chứ, cảm ơn F8. Chiều fan quá.
mới ước hôm qua một ngày 2 video thì hôm nay đã thành hiện thực >
Hôm nay ông anh lại ước tiếp đi anh
@@jockerthe8189 hôm nào cũng ước bạn ơi 🤣🤣🤣
Mặc dù đang làm Vue nhưng em vẫn cày series React của anh, cảm ơn anh Sơn rất nhiều ạ
giống tớ.
@ Xem vẫn học thêm được rất nhiều thứ ông nhỉ 😁
@@nguyenchuong4861 hiện tại thì chưa, đang hóng mấy cái phần tiếp theo, mà ra kiểu nhỏ giọt nên nóng ruột quá.
@ Anh Sơn chắc quay xong gần full rồi, mà khoá này cho mọi người từ beginner cho tới pro luôn nên ra dần cho mọi người học từ từ follow theo thấy cũng hợp lí
@, có ra là may r đòi hỏi quá, ra chậm chứ ra nhiều, nhiều người học qua loa, cho nhanh qua bài, ngợp thêm, ko chất lượng, thời gian rảnh còn lại học mấy thứ khác, còn ko thì đọc dọcument
ai vướng chỗ render thì code đây nha:
const rootElement = document.getElementById("root")
const root = ReactDOM.createRoot(rootElement)
root.render(postItem)
cái này là do lỗi phiên bản hay sao v bạn?
mình làm theo y chang mà vẫn ăn bug :((
@@HuyPham-id7us đúng rồi do bản hiện tại là 18 bản trong video là 17
Giảng chi tiết, dễ hiểu rất nhiệt tình. Ủng hộ f8
Mình xem video này xong mình thử nghiệm lại thì mình thấy có những khác biệt sau:
- Thứ nhất, không cần lấy ra thẻ có id = root, thì nó vẫn chạy
- Thứ hai, sang phiên bản React 18.2.0 thì cách render nó lại khác. Họ sử dụng từ khóa là CreateRoot để render ra. Nếu sử dụng cách render như trên nó vẫn chạy nhưng lại báo lỗi ở mục console.log là từ phiên bản 18.2.0 thì sẽ không còn sử dụng cách cũ nữa.
Xin cảm ơn rất nhiều cho bài học
bác ơi, cái react dom với react router dom thì nó khác nhau như thế nào vậy bác, em search mà ko hiểu
Exercise 1:
const h1React = React.createElement(
'h1',
{
title: 'Cyberpunk 2077',
className: 'heading'
},
'Python Django + ReactJS'
)
const root = document.getElementById('root')
ReactDOM.render(h1React, root)
Exercise 2:
const ulReact = React.createElement(
'ul',
null,
React.createElement('li',null,'ReactJS'),
React.createElement('li',null,'Python Django'),
)
const root = document.getElementById('root')
ReactDOM.render(ulReact,root)
nãy giờ ăn bug quá tr
may có có bài của bạn để compare kkk, thanks bro!
Hay quá anh ơi, Cảm ơn anh rất nhiều, Hy vọng sau khóa này em sẽ sẵn sàng để đi thực tập :)))
Version 18.
const devoir1 = React.createElement('h1', {title: 'Hello', className: 'heading'}, 'Hello guys!')
const devoir2 = React.createElement('ul', null,
React.createElement('li', null, 'Javascript'),
React.createElement('li', null, 'ReactJs'))
const parent = React.createElement('div', {}, devoir1, devoir2)
const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(parent)
1 ngày đc 2 video luôn cảm ơn anh nhiều
Chúc anh sức khỏe để làm thêm nhiều bài học như này nữa
oke a Sơn, xem xong video của a hiểu thêm được rất nhiều cái mới.
2 ngày video hay quá a :V
Các bác cho hỏi vậy giữa React Dom và Virtual Dom thì khác nhau như thế nào vậy
Ủng hộ anh. Giảng dễ hiểu lắm ạ
Em cảm ơn ah Sơn Đặng nhiều ạ! :D
Hay quá anh ơi
Chất quá anh
Tuyệt vời
Tuyet voi
anh oi 'Uncaught TypeError: React.createRoot is not a function' lỗi này fix như nào ạ?
úi tóc dài nhanh vậy anh =))) Ảo thật đấy kkkk
version 18
const root=document.querySelector('#root')
const reactRoot=ReactDOM.createRoot(root)
reactRoot.render(divReact)
Làm thêm về DOM ảo đi anh
❤️
cho e hỏi, sao e dùng style trong React.createElement k đc nhỉ?
Sót cho sư huynh vãi, một ngày 2 video, sợ đuối
Để ý tóc video trước của anh khác nha hahah
hay qua anh oi
4:32 sao họ không nhúng cả 3 thư viện vào 1 để ai làm gì sài nấy cho tiện a
Thế không cần xài thì nó lại thừa em ơi. Ví dụ code mobile (Android & iOS) với react-native thì nó lại cần 2 thư viện là: react & react-native chứ không cần react-dom nha em.
xịn
nice!
Anh ơi react nó lên 18 rồi nên cú pháp này render này ko còn chạy được đâu ạ
ủa mn ơi, em nhấn React nó k hiện ra gợi ý thì phải làm sao ạ
mình thêm 3 thư viện vào rồi, nhưng ReactDom không sử dụng được, mình xài trên bảng console thì lúc được lúc lỗi, dùng trên vscode thì cũng thế, lúc được lúc lỗi nhưng lỗi nhiều hơn ( lỗi báo do ReactDom chưa được định nghĩa). ai biết cách fix ko sửa mình với @@
Video này là lúc anh chưa cắt tóc ạ
Mọi người ơi, mọi người cho thể cho em xin theme color giống như anh Sơn được không ạ. theme của em mỗi khi comment ra màu xám khó nhìn quá. Em cám ơn a.
A ơi react nó lên 18 r h render kiểu j thế a.
bảo anh Sơn làm thêm khoá React Native thì có tham quá ko mn :))
có quá đáng lắm không khi ae mong a Sơn ra thêm ReacNative :D
Vào like video ủng hộ f8 chứ cày kỹ JS đã. cái này để dành :v
ad ơi cho e hỏi ở version 18 thì đoạn render ra bị lỗi.ad chỉ giúp e cách fix với ạ.Em cám ơn nhiều
Mấy hôm tới anh mới làm đến chỗ này. Tạm thời em search "change log react 18" mà xem sự thay đổi nhé. Hoặc search "how to upgrade to react 18"
anh sơn ơi, cho em hỏi tại sao khi render ra nó chỉ render ra 1 cái chứ không thể vừa ra ul, li và thẻ h2 luôn ạ
Vài videos tới anh chỉ nhé
kẹp trong một cái thẻ gọi là outermost element nữa á b ơi
@@hoangtri9569 anh sơn vừa chỉ rùi ạ, cảm ơn bạn :>
anh Sơn ra video học cắm đâu luôn :))
khẽ thôi, kẻo 1 ngày 1 video không có mà học đấy.
@ bạn cũng khẽ thôi nhá 🤣🤣
E ở Hà Nội thì lên học trường nào ạ (học cao đẳng ạ tại trước e học ngành khác rồi giờ ko thi lại chắc chỉ học đc cao đẳng) . Các a,chị đi trước cho e xin ý kiến ạ .
Mình cũng chuyển ngành vừa học trung tâm 8 tháng ra đây, thực tập lương 4 củ nhé( cao hơn 3 năm học ô tô) :))
@@bigwife512 adu trước em cũng học oto luôn bác ạ . mà bác học trung tâm nào ạ . trung tâm giới thiệu bác đi thực tập hay j
ạ
@@jockerthe8189 nghề ô tô bạc quá bác:)). tui học bên cybersoft á ngoài HN như chưa có chi nhánh. dịch trung tâm ko tổ chức kết nối doanh nghiệp đc. tui tự kiếm thôi. ngoài HN thấy tuyển đầy HCM tui thấy ít hơn nhiều
@@bigwife512 thank bác
Sợ anh đuối . 2 video/day luôn
Noop bài ở đây vậy
ruclips.net/video/je7qu4UcW9Q/видео.html
cái này bổ sung thêm cách react render
Hay quá anh ơi
anh ơi em có render như cách a hướng dẫn trong video nhưng mà nó show ra lỗi là "Target container is not a DOM element" thì giả quyểt như nào ạ