React Ecommerce Web Shop | Part 01 - Homepage | ReactJS SASS

React Ecommerce Web Shop | Part 01 - Homepage | ReactJS SASS

In this video, we will Build React Ecommerce Web Shop Homepage with SASS.

Don't forget to click the like button and share the video with your friends if you found the video useful.

Make sure to SUBSCRIBE for more AWESOME video just like this one !

---------- CONTACT ----------

---------- SOURCE CODE ----------

---------- RESOURCE ----------

---------- TIMESTAMP --------

00:00 - Demo
02:12 - Setup project
17:06 - Setup Routes
18:46 - Setup app layout
21:29 - Make Header
46:05 - Make Grid component
50:09 - Make Footer
58:19 - Make Helmet component
59:49 - Make Hero Slider
01:33:49 - Fix Grid responsive
01:35:13 - Make Button component
01:43:39 - Make Section component
01:45:47 - Make Policy Card component
01:53:31 - Make Product Card component
02:16:59 - Add some section to homepage

---------- MORE AWESOME VIDEOS ----------

---------- MUSIC ----------

Song: Vendredi - Hypnosis
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

Song: Luke Bergs - Tropical Soul
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported

Song: LiQWYD - The Way
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

Song: Hotham - Find
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported

--------------------------

#tuattrananh #React #ReactJS #HTML #CSS #JavaScript #Ecommerce #slider #responsive #Darkmode #landingpage #landing #Redux #react-redux #react-hook #reacthooks #hooks #router #react-router #react-router-dom

[bangpham]

Cảm ơn video rất hữu ích của bạn.Video có cả nhạc nghe cảm giác đỡ nhàm chán và không ngại vì độ dài của video.

[hoangbily]

Theo mình bạn nên nói và giải thích cái bạn đang gõ sẽ hay hơn là nhạc. Người xem chủ yếu người ta học hỏi kiến thức, nhiều cái họ không hiểu nên nếu bạn trực tiếp vừa code vừa nói thì sẽ rất hay. Chúc bạn thành công!

[huynhngocat]

rất hay anh ơi mong anh ra nhiều video hơn ạ, nhma em nghĩ anh vừa code vừa giải thích đi ạ, nhiều người mới còn nhiều bỡ ngỡ nên có nhiều cú pháp bị lạ nên bị khó hiểu, ủng hộ anh chúc anh thành công <3

[hauhothanh]

3h 41' sáng đã hoàn thành xong part 01, hóng a ra part 02 để e chiến tiếp ạ, cảm ơn anh nhiều

[trunghieulam]

Tuyệt quá bác. Này làm trang portal, hoặc dùng thằng GO QOR để quản lý cho dynamic nữa là đỉnh :3

[trunglekien]

Em đang tìm hiểu về mấy thư viện của js thì xem được video của anh, quá đỉnh anh ơi :33

[ngthuan]

Cảm ơn anh, hy vọng anh ra nhiều video như thê này.

[phamminhuc]

Cảm ơn b có những video cực kỳ chất lượng. Việc b để nhạc để ng xem ngẫm nghĩ code cũng rất hay. Chúc b thật nhiều sức khoẻ và ra thêm đc nhiều video nữa nhé

[thachnguyen]

mong a ra thêm nhiều video về ReactJs ạ
cảm ơn anh

[locphan]

em là newbie nên có nhiều đoạn code không hiểu, mong những video sau anh có thể giải thích ạ. Cám mơn anh

[jasonpham]

good job a ơi mong a ra thêm nhiều video nữa a

[vanhanguyen]

mong a sớm ra phần mới, video a làm hay lắm, cảm ơn anh

[arduinobkdn]

mình học dc rất nhiều từ bạn . cảm ơn rất nhiều

[nhatquangnguyendinh]

Cho em hỏi như thế này đã tương đương công việc thực tế chưa ạ

[huynhngocat]

cho em hỏi anh sài react-router-dom bản mấy thế anh

[namhoai]

anh cho em hỏi phần helmet nó có tác dụng gì v ạ. Em search thấy nó để cho SEO nhưng của mình em thấy nó nhận props.children nhưng chưa hiểu tác dụng mong đc anh giải thích ạ

[TuanHoang-zbeh]

46:12 em bỏ useEffect vào thì giao diện không thể hiện lên là sao ạ

[TUngNguyen-rxzt]

Tại sao bạn xài Rafce thay vì Rfc vậy bạn?

[khannguyenhoang]

1:22:29 mình viết 2 func next và prev y chang nhưng lại bị báo lỗi Cannot access 'index' before initialization là sao ạ

[truongphamvan]

cho mình hỏi phần slider mình làm như click bị lặp vô hạn là fix sao ạ ! Thank you