Hướng Dẫn React + Redux Toolkit - Phần 2 (Hết)

[@friendscode6365]

Coi video dễ hiểu thật. Thank Duy

[@kudoo39]

Cảm ơn anh, video quá chất lượng luôn. Nhân tiện cho em hỏi với project như này mình deploy thẳng trong github pages được không anh, hay phải dùng hosting platform khác

[@LHQQ888]

Vô cùng chất lượng luôn , bạn giải thích chỉnh chu quá. Cảm ơn Duy nghen !!!

[@tuannguyen5904]

video fullhd nhưng k dc nét lắm, tất nhiên kiến thức e dạy quá tuyệt vời

[@Eatkakamy]

hóng ra video mới ạ . cảm ơn anh nhiều em biết dùng redux toolkit như anh hướng dẫn rồi ạ

[@kiemle3084]

Ban dung extensions gi ma viet duoc nhu html hay vay

[@VuongPham-sq5dp]

hi Daniel, mình có sử dụng formik để xử lý form trong project này thì gặp một lỗi là trong cùng 1 form có nhiều element button thì tất cả đều bị auto submit form (chỗ các button tag mình có để type là text, chỗ button post mình để type là submit, form mình dùng sự kiện handleSubmit của formik). Lỗi xảy ra là khi nhấn các button tag đều bị auto gọi onSubmit làm tắt make-post-form. Mình đã xử lý bằng cách thêm preventDefault vào khi onClick các btn tag. Mình muốn hỏi là nguyên nhân tại sao lại có tình trạng này và có cách khắc phục tốt hơn hay không? Cám ơn bạn nhiều nhe, các bài học rất hay!

[@tranvandung5361]

Hóng bạn ra tutotial nodejs vs reactjs

[@lamvanbao4774]

nghe giọng a rất hay, chào a, a có thể làm thêm chức năng authentication jwt được không anh

[@DanielTruongDev]

vừa ra luôn :D xem ngay kẻo nóng nhé

[@hoangnhat5881]

Rất chất lượng ạ, cảm mơn anh nhiều vì đã chia sẻ những kiến thức bổ ích. Em có 1 thắc mắc và mong anh giải đáp giúp ạ, mình nên đào và học chuyên sâu về 1 thứ, 1 khía cạnh nào đó hay nên hiểu biết mỗi cái 1 ít sẽ tốt hơn ạ? Em hiện đang là sinh viên năm 2, đã tự mày mò khá nhiều trong lĩnh vực chuyên ngành, từ frontend đến backend nhưng hiện tại thì khá là mơ hồ với năng lực hiện tại của mình bởi vì kiến thức rộng nhưng nó cũng chỉ ở mức basic thôi ạ, mong anh giúp em giải đáp thắc mắc. Cảm mơn anh ạ

[@DanielTruongDev]

theo mình thì nên chắc một thứ trước trước khi nhảy qua thứ khác, như nếu b thích về frontend thì cứ làm với frontend cho quen tầm 3,4 tháng xong r nếu muốn làm full-stack thì nhảy qua backend thử xem hợp với mình k, chứ học 1 lúc 2 cái thì dễ loạn lắm, thà chắc 1 cái còn hơn biết cả 2 mà kh chắc cái nào

[@truonghoanglong541]

Bạn làm 1 bài r todolist đơn giản thể hiện rõ redux-toolkit đi ạ. chứ nhiều thứ cứ bị rối rối ấy

[@DanielTruongDev]

todolist với redux toolkit trên youtube đầy ra r nên mình kh muốn làm project kiểu v, b có thể xem mốc thời gian để rõ hơn nội dung từng phần trong video nhe

[@truonghoanglong541]

@@DanielTruongDev nếu bạn làm thêm video về redux-toolkit đơn giản dễ hiểu thì thật là tuyệt với

[@DanielTruongDev]

//footer.css
footer {
background-color: rgb(58, 58, 58);
position: fixed;
justify-content: center;
align-items: center;
display: flex;
left: 0;
bottom: 0;
height: 60px;
width: 100%;
}

.footer-title{
font-size: 2.5rem;
cursor: pointer;
}
//post.css
.makepost-container {
height: 70vh;
background-color: #292929;
padding: 0.75rem 1.25rem 0 1.25rem;
border-radius: 14px;
display: flex;
flex-direction: column;
}
.makepost-navigation {
display: flex;
justify-content: flex-end;
font-size: 1.25rem;
}

.makepost-save {
cursor: pointer;
}
.makepost-desc {
background-color: #535353;
color: white;
border: none;
font-family: "Noto Sans", sans-serif;
padding: 0.25rem 0.5rem 4rem 0.5rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.makepost-title {
height: 50px;
background-color: #535353;
color: white;
border: none;
font-family: "Noto Sans", sans-serif;
padding: 0.25rem 0.5rem 4rem 0.5rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.makepost-tags {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.makepost-tags > button {
color: white;
border: none;
padding: 0.4rem;
font-family: "Noto Sans", sans-serif;
border-radius: 14px;
cursor: pointer;
}
.makepost-tags-NSFW {
background-color: rgb(209, 66, 47);
}
.makepost-tags-Mood {
background-color: rgb(1, 111, 201);
}
.makepost-tags-Quotes {
background-color: rgb(183, 47, 224);
}
.makepost-tags-Shitpost {
background-color: rgb(197, 186, 23);
}
.makepost-tags-None {
background-color: grey;
}
.makepost-tags-selected {
background-color: teal;
box-shadow: 0px 0px 10px 7px rgb(0, 204, 160);
}

.post-container {
display: flex;
flex-direction: column;
font-size: 0.85rem;
font-family: "Noto Sans", sans-serif;
}
.posts {
background-color: rgb(49, 49, 49);
margin-bottom: 1rem;
padding: 1rem 1rem 1rem 2rem;
font-family: "Noto Sans", sans-serif;
}
.posts-title {
font-size: 1.15rem;
font-weight: 700;
}

.posts-tags {
color: white;
border: none;
margin:0.75rem 0 0.75rem 0;
font-size: 0.75rem;
font-family: "Noto Sans", sans-serif;
border-radius: 14px;
width: 50px;
text-align: center;
cursor: pointer;
}
.posts-tags-NSFW {
background-color: rgb(209, 66, 47);
}
.posts-tags-Mood {
background-color: rgb(1, 111, 201);
}
.posts-tags-Quotes {
background-color: rgb(183, 47, 224);
}
.posts-tags-Shitpost {
background-color: rgb(197, 186, 23);
}
.posts-tags-None {
background-color: grey;
}

[@datdang9416]

video is neccessary for me (Y)