React with Next.js Certificate for Marilyn Payot
Introduction
- React vs Angular vs Vue.js vs other MVC frameworks
Design Principles behind React
Understanding the DOM
Setting up Your Development Environment
How Components Work in React
The Component Life Cycle
Overview of JSX Syntax
Rendering an Element
Building Your First Component
Handling State in React
Defining Your Components' Parent/Child Relationships
Event Handling and Conditional Rendering
Container vs Presentational Components
Implementing Forms and Processing User Input
Testing Your React Web Application
Integrating React with Other Frameworks and Plugins
Deploying your React Application
Next.js Overview
- What is Next.js?
- Next.js features
Preparing the Development Environment
- Installing and configuring Next.js
Next.js Quick Start
- Initializing the application
- Creating and using components
- Working with state
- Styling the application
Bindings and Forms
- Using component binding
- Validating forms and input
State and Data Management
- Creating, updating, and managing stores
Web Services
- Adding a REST API
- Sending, fetching, and transforming data
Routing and SSR
- Preloading components
- Fetching and pre-fetching data
- Syncing stores
Data Persistence
- Setting up MongoDB
- Creating a database
- Connecting to a database
Testing the Application
- Testing with unit tests and mock tests
Debugging the Application
- Handling errors
Deploying the Application
- Deploying the full stack application
- Hosting the full stack application
Securing the Application
- Authenticating with AuthO
Troubleshooting
Spring Boot, React, and Redux
- Fullstack application architecture
- RESTful APIs and Microservices overview
- Front-end vs back-end development
Preparing the Development Environment
- Installing and configuring Spring Boot
- Installing and configuring React
- Installing and configuring Redux
React and Redux
- Importing React app
- Working with React structures, components, and JSX
- Refactoring components
- Creating modules
- Handling events
- Adding state to a component
- Using routing for components
- Styling components
React to Spring Boot
- Applying authentication
- Handling errors
- Securing with authenticated routes
- Refactoring React code to JavaScript modules
- Creating a Spring Boot service
- Returning a bean
- Using path variables
- Connecting front-end with RESTful API
- Using variable paths for services and APIs
- Applying form validation
Spring Security
- Setting up Spring security
- Configuring Spring Security
- Importing JWS framework
- Working with JWS resources
JPA and Hibernate
- Populating data
- Connecting to a JPA repository
Deployment
- Connecting Spring Boot API
- Deploying back-end to Heroku
- Deploying React build