DEC20-MERN

MERN Plan with DEC Software 2020

Switch through the different branches, or click on the headings below to get a deeper understanding of each element within the MERN stack.

✔️ Full Stack Example

A fully fledged example of a Goal tracking application.

✔️ MongoDB

• Install MongoDB Compass
• Walk through of what Mongo is
• Explanation of Schema, Collection and Document

✔️ Node

• Install Node
• What is npm?
• Creating a Node Project npm init
• Walk through of structure
• Managing and installing dependencies
• Running Scripts

✔️ Express

• What is Express?
• Installing express
• Creating an express application from scratch
  • Creating a server
  • Starting the application
  • (Then eventually show npx express-generator --no-view)
• Understanding Chaining methods
• Handling Requests
  • GET
  • POST
  • PUT
  • PATCH
  • DELETE
  • Request Object
    • URL Parameters
    • Request Body
    • Query Parameters
  • Response Object
    • send()
    • status
  • Next Object
• Middleware
  • Understanding what it is and how to use it
  • Creating our own middleware
  • Common Middleware - BodyParser
• Error Handling
  • http-errors
  • Error handling middleware
• Router
  • How to import and export functions/variables
  • Understanding Base Paths
• Mongoose
  • Schemas
  • Validation
  • Models
  • Queries
  • CRUD
• Testing with Mocha, Chai and NYC

✔️ React

• What is React?
• Skeleton Code
  • npx create-react-app
• Introduction
  • JSX
  • Export and Import
• Parent/Child Components
• Component Hierarchy
• Props
• State
  • Hooks (useState())
  • Adding and Updating
• Forms and Events
• Lifting State (Inverse Data Flow)
• Working with external Data
  • Hooks in more detail
  • useEffect()
• Router
  • npm install react-router-dom
• Data Requests
  • Axios
  • useHistory()
• Testing
  • JEST