DEV Community

Cover image for Resources for Learning React and the PERN Stack: From Setup to Authentication
Jonathan Fetterolf
Jonathan Fetterolf

Posted on

Resources for Learning React and the PERN Stack: From Setup to Authentication

This post highlights a variety of resources that can help you learn React and the PERN stack (PostgreSQL, Express, React, and Node.js) for building fully functional applications. From tools like Create React App for streamlined setup to comprehensive tutorials and crash courses on React, Material UI, and PostgreSQL, these resources cover essential concepts and techniques. Additionally, there are tutorials on working with APIs and implementing user authentication and login functionality in the PERN stack. By utilizing these resources, you can gain a solid foundation in building React applications and understand how to integrate various technologies to create robust full-stack solutions.


home page app screenshot


Create React App

Create React App is a popular tool that helps you set up a new React project with a pre-configured development environment. It provides a streamlined setup process and allows you to start building React applications quickly. Learning Create React App is important because it simplifies the initial setup of a React project and you can focus more on learning and building React applications, rather than dealing with complex configuration and tooling choices.

Full Modern React Tutorial - YouTube:

This YouTube tutorial offers a comprehensive guide to React, covering essential concepts, components, state management, and more. It's a valuable resource for beginners looking to learn React from scratch.

React JS Crash Course - YouTube:

This crash course on React provides a condensed introduction to React's core concepts and features. It's designed to give you a quick overview and get you up to speed with building React applications.


demo app screenshot car display


MUI (Material UI):

Material UI is a popular React component library that follows Google's Material Design guidelines. The resources you mentioned provide tutorials and crash courses on using Material UI with React, teaching you how to create visually appealing and responsive user interfaces.

Material UI Tutorial - The Net Ninja:

This playlist provides a comprehensive introduction to React by guiding you through building a complete project from start to finish.

Material UI Crash Course:

This video provides a comprehensive overview of React, covering essential topics such as components, state management, JSX, lifecycle methods, hooks, forms, and routing.


demo app screenshot edit car details


APIs:

These resources cover how to work with APIs in React applications. They introduce you to using popular libraries like Axios for making API requests and guide you through specific examples like fetching weather data from the OpenWeatherMap API.

How to Use Weather API for Beginners

React Axios API Requests

Axios - NPM

OpenWeatherMap


demo app screenshot vehicle input


PostgreSQL:

PostgreSQL is a powerful open-source relational database management system. The resources you mentioned include a comprehensive tutorial that covers PostgreSQL from beginner to intermediate level, and a PERN stack course that introduces you to using PostgreSQL along with Express, React, and Node.js.

Comprehensive PostgreSQL

PERN Stack Course


Login:

These resources focus on implementing user authentication and login functionality in your React application using the PERN stack. They cover topics like JWT (JSON Web Tokens), user registration, and backend authentication implementation.

Add Login Authentication to React Applications

Frontend PERN authentication

Backend PERN authentication

Top comments (0)