nếu tạo giá trị ban đầu trong initialState với giá trị là 1 mảng rỗng [] thì sao khi mình console.log giá trị đó ra nó lại không ra giá trị là mảng rỗng nhỉ
Chào mọi người, cho mình hỏi lỗi export 'userReducer' (imported as 'userReducer') was not found in './userSlice' (possible exports: default, update, userSlice) ạ
Sao k lưu localstorage hoặc đơn giản nhất là dùng persist của Redux để load trang không bị mất bài post vậy bạn. Đâu cần phải có database để lưu đâu nhỉ.
project hoàn thiện thì phải xài database chứ b, còn này project cơ bản th thì mình thấy k cần thiết làm cái tránh mất bài post còn b muốn xài persist thì bạn check cái video JWT của mình có xài ấy
dùng cái này được dev const avaUrl = [ 'tse3.mm.bing.net/th?id=OIP.v3WfYag0YBfN5dAlG3pA6wHaHa&pid=Api&P=0&h=180', 'tse1.mm.bing.net/th?id=OIP.H33ToM8hwdW580U1Tc4H3gHaHY&pid=Api&P=0&h=180', 'tse2.mm.bing.net/th?id=OIP.GXS4B2kclfx_C6XmtUxRhAHaHa&pid=Api&P=0&h=180', 'tse1.mm.bing.net/th?id=OIP.N2DZ_EX7cgmR24zUtRmkNwHaHa&pid=Api&P=0&h=180', 'tse1.mm.bing.net/th?id=OIP.FdVnqJO5yn3uQoG6wOSTGwHaHa&pid=Api&P=0&h=180', 'tse1.mm.bing.net/th?id=OIP.gUPnoSwoMjbUQ6MVDY_fIAAAAA&pid=Api&P=0&h=180', 'tse4.mm.bing.net/th?id=OIP.6RDgHe9pPxbddowFEjvYwAAAAA&pid=Api&P=0&h=180' ];
em cũng làm theo a nhưng sao nó vẫn lỗi ạ , ở backend e cho nó listen on port 3001 , config proxy em cũng cho nó là port 3001 , chaạy frontend thì trên cổng 5137 , vì vậy đến lúc gọi hàm updateUser vô khúc try thì nó ghi là error apiRequest.js:9 POST localhost:5173/v1/update 404 (Not Found) . Em xin hướng giải quyết với ạ
//App.css
*,
*::before,
*::after {
box-sizing: border-box;
padding: 0;
margin: 0;
}
.App{
display: flex;
flex-direction: column;
}
body, .App {
min-height: 100vh;
margin: 0;
text-align: left;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
font-size: 1.15rem;
font-family: "Noto Sans", sans-serif;
background-color: #0c0c0c;
color:white;
}
.loading{
color:white;
text-align: center;
}
.error {
color:rgb(255, 56, 56);
text-align: center;
}
//edit.css
.edit-container {
display: flex;
align-items: center;
flex-direction: column;
background-color: #0c0c0c;
height: 100vh;
}
.close {
background-color: transparent;
border: none;
align-self: end;
margin: 1rem 1.15rem 0 0;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
color: rgb(41, 128, 243);
}
.input-container {
width: 80%;
font-size: 1rem;
margin-top: 1.25rem;
display: flex;
flex-direction: column;
}
.input-container > input {
margin: 1rem 0 1rem 0;
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
background-color: #505050;
border: none;
border-radius: 4px;
color: white;
}
.input-container > textarea{
padding: 0.25rem 0.5rem 4rem 0.5rem;
height: 100px;
background-color: #505050;
border: none;
border-radius: 4px;
color: white;
margin: 1rem 0 1rem 0;
text-align: start;
font-family: "Noto Sans", sans-serif;
}
.input-image-container {
flex-wrap: wrap;
}
label:nth-child(7) {
margin-bottom: 1rem;
}
.input-image {
cursor: pointer;
border-radius: 14px;
background-color: white;
padding: 0.5rem;
width: 90px;
margin-right: 1rem;
margin-bottom: 2rem;
height: 130px;
object-fit: cover;
overflow: hidden;
}
.theme-container {
display: flex;
align-items:center;
margin-bottom: 3rem;
}
.theme-container > label {
margin-right: 5rem;
}
//header.css
header {
height: 280px;
display: flex;
flex-direction: column;
justify-content: center;
}
.info-edit{
cursor: pointer;
align-self: flex-end;
border:2px solid white;
margin: 1rem 1.15rem 0 0;
padding: 0.45rem;
border-radius: 16px;
font-weight: 700;
font-size: 1rem;
}
.info-container {
display: flex;
flex-direction: column;
text-align: start;
padding-left: 2rem;
color: white;
}
.info-username {
width: 50%;
font-weight: 700;
margin-bottom: 0.5rem;
}
.info-age, .info-about {
font-size:0.85rem;
margin-bottom: 0.5rem;
}
.info-ava {
width: 85px;
height: 130px;
object-fit: cover;
overflow: hidden;
}
Cảm ơn anh đã giới thiệu redux , em đã phần nào hiểu được cách dùng rồi ...tuyệt vời quá á ứng dụng dễ thương xem lại 5 lần để hiểu hơn
cảm ơn em, em có kỹ năng giảng dạy tuyệt vời! chúc em năm mới khỏe mạnh thành công!
Lớn hơn ông 1 tuổi nhưng công nhận ông giỏi quá. Cảm ơn ông vì đã chia sẽ nhưng dự án cơ bản rất hay như vậy!
anh zai này dậy dễ hiểu thật :v
em thường coi video của a, rất dễ hiểu ạ, mong a ra nhiều video về reactJS hơn :3
vừa code vừa giải thích hay quá bạn ơi, niceee
Cảm ơn em rất nhiều về clip này, đúng cái a đang cần, mong e sẽ làm thật nhiều project về ReactJs, rất cảm ơn e
cảm ơn anh :D
Hay qua, thanks b
rất hay, mong b làm thêm hướng dẫn về RTK query trong redux
siêu dễ hiểu luôn anh, I love you 3000.
Cảm ơn bạn, rất dễ hiểu.
Cảm ơn bạn nhiều. Bạn làm video rất hay và dễ hiểu
Hay quá đang tìm redux. Cảm ơn bạn
nếu tạo giá trị ban đầu trong initialState với giá trị là 1 mảng rỗng [] thì sao khi mình console.log giá trị đó ra nó lại không ra giá trị là mảng rỗng nhỉ
+1 hữu ích mong bạn ra thêm nhiều video nữa nhé
cảm ơn b ^^
anh ơi bây giờ học phần 1 này thì oke k ạ
Em sợ nó update lên nhiều cái khác với video này ạ
Video hay quá em.
Hay quá❤❤❤
Để e cày 2 video trc của anh mới hiểu đc video này ạ:))))
🤣 video này có khúc Redux là mới th, còn khúc React e biết cơ bản th cũng có thể theo video được rùi á, tại Redux bắt đầu từ phút 50 lận
rất ủng hộ bạn, mong bạn ra nhiều video hơn nữa nhé!!!
cảm ơn b nhé ^^
@@DanielTruongDev bạn dùng mạng xã hội gì ko? Mh có thể ib cho bạn được ko
quá hay luon.. mình cảm mơn bạn
fan anh 🤓
video rất hay ạ
Đoạn 1:00:44 phần export userSlice.actions, cái actions là mặc định khi xuất các reducers mình sẽ kèm theo phải k b
hay lắm anh, dể hiểu. mong anh ra video mới .
Đa tạ các hạ rất nhiều.🥰
hay quá
theme anh dùng là gì vậy ạ
ai biết thuộc tính name: user bên Slice dùng cho mục đích gì ko ạ :
bạn có thể làm thêm video về redux saga dc ko ạ , hoặc project sử dụng nó đi ạ
redux saga bản chất nó chỉ nâng cao hơn thunk 1 tí, giúp cho code clean hơn
Bằng tuổi giỏi quá bạn ơi
Ban gioi qua
em coi của anh 3 lần rồi ko hiểu. sao khi làm dự án dùng context giờ xem lại hiểu :))) dị có chậm tiêu ko anh
từ từ cháo nó mới nhừ mà =)))
Bằng tuổi mà bạn giỏi quá
b có đẩy lên git k cho mình xin vs ạ
hay qua' a oi
Link avatar trong clip cho bạn nào muốn xài nhe:
preview.redd.it/rrz3hmsxcll71.png?width=640&crop=smart&auto=webp&s=87cc5ed38d8f088ef9fffef7a4c5756b64309d6a
preview.redd.it/fc9k38jwfwv51.png?auto=webp&s=9ce3d4c488091bb21969fd0fad7a6d89e4bfc50d
preview.redd.it/se39g98mljw51.png?auto=webp&s=758dfe2b0a2df439b06b68533e763f413d58b46c
preview.redd.it/5es1lne1du261.png?width=640&crop=smart&auto=webp&s=e6eb0ee5710710000e4fbace119112de63324a38
i.redd.it/7ipyf6pvqac61.png
i.redd.it/ksmb0m02ppy51.png
i.redd.it/mozfkrjpoa261.png
preview.redd.it/cpwkbke13vv51.png?auto=webp&s=9158e49b35ad2581d840efd2a013a9ead06abbc7
preview.redd.it/26s9eejm8vz51.png?auto=webp&s=e38d32ee0ffa0666fade2abd62ed59037c119990
20 tuổi mà đỉnh thế :v
em cảm ơn anh nhìu em ở lào cao
s mình thấy trong source cả backend vs frontend có rất nhiều phần code khác mà cả 2 vieo đều k thấy nhỉ
do mấy vid này mình làm hồi mới ra kênh YT này nên chưa được gọn gàng lắm ấy 🥲 b thông cảm nhé
@@DanielTruongDev anh oi souce cua 2 video nay tren github la gi v anh
cho em xin đường link ảnh png của anh với
Chào mọi người, cho mình hỏi lỗi export 'userReducer' (imported as 'userReducer') was not found in './userSlice' (possible exports: default, update, userSlice) ạ
ở file store.js chổ đường dẫn import {userReducer} from './userSlice' ông thử bỏ dấu {} hoặc thêm dấu {} bọc userReducer nha
Sao k lưu localstorage hoặc đơn giản nhất là dùng persist của Redux để load trang không bị mất bài post vậy bạn. Đâu cần phải có database để lưu đâu nhỉ.
project hoàn thiện thì phải xài database chứ b, còn này project cơ bản th thì mình thấy k cần thiết làm cái tránh mất bài post còn b muốn xài persist thì bạn check cái video JWT của mình có xài ấy
@@DanielTruongDev ok bạn mình hiểu rồi.
👍👍👍👍❤️❤️❤️
hi, mình là Duy nhưng mình hông có giỏi như Duy (Daniel)😄
Cái này phải biết trước HTML,CSS,JS mới học được hả a ?
ừa đúng r em, phải biết sơ về HTML,CSS,JS thì mới bắt đầu với React được :D
Anh ơi, cho em hỏi ngu một xí, nhưng mà anh có cài thêm extension gì để nó tự import vào không á. Tại của em nó không tự import :((
mình dùng "auto import " gần 3m lượt tải ấy, bạn thử dùng xem
bth import thì nó auto complete cho anh th, anh có cài sẵn cái extension ES7+ React/Redux/React-Native á
@@thanhongtran6402 Cảm ơn bạn để mình thử.
@@DanielTruongDev Dạ để em cài thử, cảm ơn anh nhiều ạ
Hay quá em ơi. Em có mở khóa dạy online gì ko.thanks em
dạ k anh ơi 😅
link của mấy tấm avatar lấy ở đâu thế a
anh mới up trong comment á
này quay đâu z anh zai
ở nhà ^^
@@DanielTruongDev làm room tour hok
Đúng tuổi trẻ tài cao. E học trường nào vậy?
e học Cal State Fullerton ạ
Ai có link avaurl ko cho mình xin với ạ
dùng cái này được dev
const avaUrl = [
'tse3.mm.bing.net/th?id=OIP.v3WfYag0YBfN5dAlG3pA6wHaHa&pid=Api&P=0&h=180',
'tse1.mm.bing.net/th?id=OIP.H33ToM8hwdW580U1Tc4H3gHaHY&pid=Api&P=0&h=180',
'tse2.mm.bing.net/th?id=OIP.GXS4B2kclfx_C6XmtUxRhAHaHa&pid=Api&P=0&h=180',
'tse1.mm.bing.net/th?id=OIP.N2DZ_EX7cgmR24zUtRmkNwHaHa&pid=Api&P=0&h=180',
'tse1.mm.bing.net/th?id=OIP.FdVnqJO5yn3uQoG6wOSTGwHaHa&pid=Api&P=0&h=180',
'tse1.mm.bing.net/th?id=OIP.gUPnoSwoMjbUQ6MVDY_fIAAAAA&pid=Api&P=0&h=180',
'tse4.mm.bing.net/th?id=OIP.6RDgHe9pPxbddowFEjvYwAAAAA&pid=Api&P=0&h=180'
];
em cũng làm theo a nhưng sao nó vẫn lỗi ạ , ở backend e cho nó listen on port 3001 , config proxy em cũng cho nó là port 3001 , chaạy frontend thì trên cổng 5137 , vì vậy đến lúc gọi hàm updateUser vô khúc try thì nó ghi là error apiRequest.js:9
POST localhost:5173/v1/update 404 (Not Found) . Em xin hướng giải quyết với ạ
Cảm ơn bạn , video dễ hiểu lắm .