https://medium.com/@jatin15011999/fullstack-crud-application-using-fastify-react-redux-mongodb-part-1-9e8df39c6fff

Hi, there. I hope that you are having a good time. Now let’s make it even better. In today’s tutorial we’ll be building a Fullstack Application using Fastify, React, Redux and MongoDB, which would support all CRUD functionalities. The application that we are about to built is a simple menu app that lists all the menu items currently present in the database, In this application you would be able to create menu items, which could hold details like item-name and item-price. You could also modify them or even delete them. If you want see all the these features live in action, feel free to check out it’s completed version live here and play with it, till you are able to get a high level grasp of what you’ll be building throughout rest of this tutorial. Final source code of the application is available here. This tutorial would be a two part series, In it’s first installment we would be building static implementation of Web App using React and Redux, And in our second installment we’ll be wrapping up with app by adding a Fastify.js backend and MongoDB database. Seeing the popularity of React, Redux, Fastify and MongoDB. It would be pretty interesting to find out how they all aces work in conjunction. So let’s without wasting any time dive right in!

This tutorial is for anyone who is interested in learning new things and has some basic knowledge of React, Redux, MongoDB and RestAPIs in general. React developers who haven’t coded for a while yet, can also follow along in order to get back in their old form. Though I would be giving my best to explain each piece of code as we build the app. But it would be of great help if you have you have some basic understanding of core concepts already. In addition we’ll be using quite some ES6 syntax, so it would be pretty good if you know some of them already like arrow functions and spread operator.