Tutorials - Build a Chat App - React Tutorial Course

Chat is eating the world and React is eating front-end development, so why not learn React through building a chat app? That's exactly what this course will enable you to do: at the end of it you'll both have a solid understanding of React.js and your very own personalized chat application. The chat will be built using the Chatkit API, meaning you don't have worry about doing any back-end coding. 🔗Check the interactive version of this course on Scrimba: https://scrimba.com/g/greactchatkit ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ ⌨️ 0:00 —1. Course Introduction ⌨️ 2:42 —2. Component Architecture ⌨️ 5:05 —3. Codebase Architecture ⌨️ 10:30 —4. MessageList Component ⌨️ 15:13 —5. Intro to Chatkit ⌨️ 16:34 —6. Connecting to Chatkit ⌨️ 24:54 —7. State and Props ⌨️ 32:22 —8. Message Component ⌨️ 37:02 —9. SendMessageForm Component ⌨️ 44:19 —10. Broadcasting Messages ⌨️ 49:36 —11. RoomList Component ⌨️ 53:50 —12. Subscribe to Rooms ⌨️ 1:01:41 —13. Order and Highlight Rooms ⌨️ 1:05:44 —14. Adding Autoscroll ⌨️ 1:11:39 —15. NewRoomForm Component ⌨️ 1:20:39 —16. Creating your own Chat App ⌨️ 1:23:37 —17. CSS Grid ⌨️ 1:29:05 —18. CSS Variables ⌨️ 1:32:02 —19. Outro 🐦You can follow the course creator Per Harald Borgen on Twitter here: https://twitter.com/perborgen -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org