Build a Slack Chat App with React, Redux, and Firebase

Build a Slack Chat App with React, Redux, and Firebase

Duration: 6 hours | Video: h264, 1280x720 | Audio: AAC, 44 KHz, 2 Ch | 2.9 GB



Genre: eLearning | Language: English + Sub | 66 Lectures



Create a complete, full-stack chat application from front to back with React, Redux, Firebase 5, and Semantic UI React



What you'll learn



Create full-stack apps with React, Redux and Firebase, among other tools in the React ecosystem



Make complete React apps from scratch, from setting up their dev environment to deployment on the web



Integrate Redux and Firebase with React apps using straightforward, practical patterns



Learn every major part of Firebase 5--the real-time database, storage, rules, listeners and deployment with Firebase tools



Requirements



Some experience with React (i.e. having built a couple of projects with React Create App)



Prior knowledge of ES6 features will help (spread operators, destructuring, object shorthand syntax)



Description



Interested in building impressive full-stack apps with React, Redux and Firebase? This is the course for you!



Here's what we will cover:



Creating a complete Slack chat application with React, Redux, and Firebase 5 from scratch



Sending and receiving messages instantly with the real-time Firebase Database



Uploading and displaying image messages using Firebase Storage



Notifications to display new messages in other channels



Sending Direct Messages to other users in our chat



Tracking / showing when users are online / offline



Searching messages within created channels



Custom animations to see when other users are typing in the same channel



Creating, cropping and uploading user avatars



The ability to favorite / unfavorite public channels



Add emojis to our messages with an Emoji Picker component



User authentication with Firebase



Form validation for our Login and Register forms



State management with Redux, with simple, straightforward patterns



Creating stunning user interfaces with Semantic UI React



Essential features of React Router 4 (Switch component, withRouter HOC, history object)



Tons of work with ES6 / 7



Helpful browser tools such as React / Redux Dev Tools



Securing our application with Firebase Rules



Deploying our chat app to the web using Firebase Tools



Keyboard shortcuts to rapidly send messages



And more!



What will be building in this course?



Throughout this course, we'll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those channels, send media files, see when other users are typing, add emojis to their messages, favorite and unfavorite channels they like or dislike, and get notifications about new messages on other channels.



Who is the target audience?



Anyone who has at least two months of experience with the JavaScript library React



React developers interested in making functional, real-world apps



Developers looking for more experience with the JavaScript language in a practical setting



Password/解压密码-0daydown



Download rapidgator



https://rg.to/file/2a6fb6965dc037fb6bc51019ce083ccd/BuildaSlackChatAppwithReactRedux.part1.rar.html



https://rg.to/file/57c7eecd082a2981cbf7322750d68fee/BuildaSlackChatAppwithReactRedux.part2.rar.html



https://rg.to/file/8a87ef234ffb59bdcb457728fc553f02/BuildaSlackChatAppwithReactRedux.part3.rar.html



https://rg.to/file/69f62ab2e4ccf3f4eeef1fd84ff60631/BuildaSlackChatAppwithReactRedux.part4.rar.html



https://rg.to/file/5f145b4f52e7f6f05619c810f5112657/BuildaSlackChatAppwithReactRedux.part5.rar.html



https://rg.to/file/46aa5fdd0c281dfc996a682b205925cd/BuildaSlackChatAppwithReactRedux.part6.rar.html



https://rg.to/file/3454f50f457f80a630f908bc36acf116/BuildaSlackChatAppwithReactRedux.part7.rar.html



Download nitroflare



http://nitroflare.com/view/76B58F14FEC0A6C/BuildaSlackChatAppwithReactRedux.part1.rar



http://nitroflare.com/view/2A517371C50631D/BuildaSlackChatAppwithReactRedux.part2.rar



http://nitroflare.com/view/CA85D48E0A3B02F/BuildaSlackChatAppwithReactRedux.part3.rar



http://nitroflare.com/view/0BEA2BBFE3F404A/BuildaSlackChatAppwithReactRedux.part4.rar



http://nitroflare.com/view/9CCEB9C3010E639/BuildaSlackChatAppwithReactRedux.part5.rar



http://nitroflare.com/view/1ACE75E1C227278/BuildaSlackChatAppwithReactRedux.part6.rar



http://nitroflare.com/view/57BB359AB696B71/BuildaSlackChatAppwithReactRedux.part7.rar