Cats Coding

Github is a great tool for someone looking to host portfolio projects. They allow you to host your front-end HTML/CSS/JS apps on their servers using Github Pages. You can refer to Deploying React Apps to Github Pages for more info on that. It's pretty simple and you should use it as much as possible to host your front-end-only apps.  But, for more complex applications, it might not be enough. As part of the Complete React Developler 2020 Course on Udemy , I had the client and backend server code all wrapped up into one application. The back-end had to connect to a Stripe test server for credit card processing. It's a real-life scenario for an e-commerce website, something a bit much for what Github offers in terms of hosting. Enter Heroku!  Heroku is perfect for someone building applications with multiple layers of complexity. They are pretty complete with what platforms they support, and they have various pricing options. If you're going for FREE, you get what you pay for...

In my adventures with React redux-saga, I've had to repeat the same process to create a new action, and there were a few occasions where I fumbled -- either I missed a step or did something out of sequence. As a result, I documented the process, step by step, so that in the future I don't waste time. I even created a small application to validate my instructions. I learned React with Redux-Saga in the Complete React Developer in 2020 Course on Udemy . I highly recommend this course. ( Note: Udemy usually has Flash sales for their courses that bring them all to under $20. This one is totally worth the investment.) To explain the process of creating a new reux-saga action, I will use a specific feature - the order search feature. It has a few parts: Upon a user's sign in, the user's orders will be fetched and presented. When a user signs out, the list of orders is reset. An admin can search for orders by a user's email. Note: If you want to skip this exp...