# MERNSnippet: How To
## (MongoDB, Express, React, Node)

### Solve Common Development Issues. New article every Thursday

[Table of Contents](toc.md)
### React
* [Create Your Own FIRST React App](task3/README.md)
* [Write a Function Component](task11/README.md)
* [Style React Components](task13/README.md)
* [Redirect Any Invalid URLs](task12/README.md)
* [Get Top of the Page On Every TRANSITION](task1/README.md)
* [Build a Responsive NAVBAR in React](task4/README.md)
* [Prevent SCROLL When the Nav Menu Is Open](task5/README.md)
* [Close Menu When Clicking OUTSIDE](task6/README.md)
* [Stick a FOOTER to Bottom of the Webpage](task2/README.md)
* [Create a Product CARD](task7/README.md)
* [Render Product LIST](task8/README.md)
* [Make a Contact FORM with a MAP](task9/README.md)
* [Make a Contact FORM (HANDLING Events)](task10/README.md)

### React. Advanced Topics
* [Contex and useContext() Hook](task25/README.md)

### Node, Express, MongoDB
* [Express Setup](task14/README.md)
* [Set Up MongoDB Atlas](task15/README.md)
* [Connect to MongoDB Using Mongoose](task16/README.md)
* [Build Models](task17/README.md)
* [Insert Data into MongoDB](task18/README.md)
* [Define Routes (Express)](task19/README.md)
* [Define Routes (part 2)](task20/README.md)
* [Test Your API with Postman](task21/README.md)

### Redux
* [Create Redux Store](task22/README.md)
* [Design Actions](task23/README.md)
* [Write Reducers](task24/README.md)

### Node.js
* [Node.js fundamentals](lesson1/README.md)
