React Full Course - Lesson 4: CSS with React, Hooks, Style the Chatbot

In lesson 4, we learn how to use CSS with React, and learn hooks like useEffect and useRef. We use these to finish the Chatbot project. Links for each lesson: https://github.com/SuperSimpleDev/react-course/blob/main/1-links.md#lesson-4 Exercise solutions: https://github.com/SuperSimpleDev/react-course/tree/main/1-exercise-solutions/lesson-04 Copy of the code: https://github.com/SuperSimpleDev/react-course/tree/main/2-copy-of-code/lesson-04 Troubleshooting: https://github.com/SuperSimpleDev/react-course/blob/main/2-troubleshooting.md#lesson-4 🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️) Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle React Premium Course: https://courses.supersimple.dev/courses/react JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css Chapters: 0:00 CSS Review 4:29 Style the Chatbot Project with CSS 13:40 Create the Layout with Flexbox 20:30 Create Chat Messages Layout with Ternary Operator 26:52 Finish Styling the Chat Messages 38:54 Move Textbox to the Bottom 49:38 Make Chat Messages Scrollable 51:55 Hooks and useEffect 57:19 useRef and AutoScroll 1:03:56 Conclusion and Exercises #react #supersimpledev #reactcourse #reacttutorial #reactjs #javascript #html #css #webdevelopment #webdeveloper #softwaredeveloper #softwaredevelopment #coding #codingtutorial #softwareengineer #softwareengineering #learntocode