Learning Full-Stack JavaScript Development: MongoDB, Node, and React

Learn to be a full-stack JavaScript developer and build web applications using Node.js and React.js

Introduction

• Learning full-stack JavaScript development

1. Getting Started

• Project repo and NPM
• Express and TypeScript
• Middlewares and templating
• Node modules
• MongoDB and Docker
• React and webpack
• ESLint

2. React Fundamentals

• Why React?
• JSX syntax
• Function components and props
• State and event handlers
• Component life-cycle and side effects

3. Working with Data

• Creating a mock API endpoint
• Using an API endpoint from the browser
• Rendering a list of items
• React’s key for items in a list
• Fetching data while React is rendering
• Server-side rendering of the root path
• Sharing data between server and client
• Fetching data from MongoDB

4. Routing and History

• Invoking component actions in children
• Displaying a different root component
• Fetching data after navigating to a new view
• Handling browser navigation history
• Server-side rendering of a custom path
• Fetching data conditionally
• Navigating on link click

5. Persisting Data

• Handling data in an array
• Reading form data with the DOM API
• Understanding HTTP request methods
• Using an API endpoint to update data
• Updating UI based on API response
• Project challenge
• Next steps