REDUX useREDUCER() & CREATE SLICE | CONDITIONAL CSS | DAY 65 | 100 DAYS OF CODE | TECH | LILLY CODE
1. Building our meal ordering application from Maximilian Schwarzmuller's Course - React - The Complete Guide (includes Hooks, React Router, and Redux) Second Edition.
2. Conditionally showing a different JSX return block of code dependant on weather our cart is pending being sent to the Firebase backend, whether it is sent and in the third JSX return block, weather there was an error sending our order so brilliant stuff.
3. Using Redux to keep track of the state of our cart
4. adding different reducer actions to fire dependant on what state and action we pass in (to get back our new cart state - the general operation of a reducer)
5. And a bit of confusion as I had started this section previously then came back to it now, so got confused. To see the videos where i got to this point with Redux, see the below videos:
Day 32: • REDUX & REACT | DAY 32 | 100 DAYS OF CODE ...
Day 33: • REDUX & REACT | DAY 33 | 100 DAYS OF CODE ...
Day 34: • REDUX & REACT - JAVASCRIPT | DAY 34 | 100 ...
Day 35: • REDUX STORE & REACT | DAY 35 | 100 DAYS OF...
Day 36: • REDUX STORE & REACT | DAY 36 | 100 DAYS OF...
/*****---------------------------------------------------------------------------------------------------*****/
If the visual isn't so clear, hover over the video. Then go to the settings cog - like a wheel - in the bottom left of the video display. Then Select 'Quality' . Then change the selection to 1080p60HD
/*****---------------------------------------------------------------------------------------------------*****/
Links mention in this video:
All the code content in these videos is thanks to the wonderful Maximilian Schwarzmuller's, so no credit of my own. The course can be found at O'Reilly and is titled: React Course - React - The Complete Guide (includes Hooks, React Router, and Redux) Second Edition [2021 Updated]: https://www.oreilly.com/videos/react-...
React Documentation: Using the State Hook
https://reactjs.org/docs/hooks-state....
Check Maximillian out on YouTube:
/ academind
Check Maximillian out on Udemy:
https://www.udemy.com/user/maximilian...
And Connect with him on twitter:
/ maxedapps
And connect with me while you're at it :D
/ lilly_code
So lets get into it.
/*****---------------------------------------------------------------------------------------------------*****/
I'm Lilly and I'm here to make coding easy. I want to help you learn how to code and avoid some of the pitfalls I fell into. I appreciate every one of you watching my videos. I hope my videos help you to learn code effectively.
This channel contains content on all things tech, career, code, and inspiration. After working at three tech companies now, I have gained knowledge and experience in how to learn and how not to learn! So together, we will go through topics & help YOU get there quicker.
Lets talk, any video suggestions and I will cover it! Leave a comment or send an email.
/*****---------------------------------------------------------------------------------------------------*****/
If you would like to support my work you can do so here:
Paypal: paypal.me/lillycode
Patreon: patreon.com/lillycode
Bitcoin: 3MXJoeQPmrACtJmVyhUf79xpbzEpkTgc9u
Ethereum: 0x836DffD1D60B1265eb9a5335D4790Ef07BA0F699
/*****---------------------------------------------------------------------------------------------------*****/
Connect on Twitter: / lilly_code
Email me: [email protected]