Joe Morgan Author
Author of Simplifying JavaScript. Writing featured in Slate, FreeCodeCamp, and here! I like to break things and put them back together. 🛠
47 contributions
1.1m contribution views
Follow Me
Recognition
Posts
-
Published Tutorial in Series: How To Code in React.js
How To Code in React.js eBook
This book is an introduction to React that works from the foundations upward. Each chapter takes you a little deeper into the React ecosystem, building on your previous knowledge. Along the way, you’ll learn how to ma... -
Published Tutorial in Series: How To Code in React.js
How To Deploy a React Application to DigitalOcean App Platform
DigitalOcean's App Platform is a Platform as a Service (PaaS) product that lets you configure and deploy applications from a source repository. This can be a quick and efficient way to deploy your React applications, ... -
Published Tutorial in Series: How To Code in React.js
How To Deploy a React Application with Nginx on Ubuntu 20.04
In this tutorial, you'll deploy a React application from your local machine to an Ubuntu 20.04 server running Nginx. You'll build an application using Create React App, use an Nginx config file to determine where to d... -
Published Tutorial in Series: How To Code in React.js
How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback
In React applications, performance problems often originate from component re-rendering. Because of this, learning how to prevent unneeded re-renders can help to optimize the performance of your React app. In this tut... -
Published Tutorial in Series: How To Code in React.js
How To Add Login Authentication to React Applications
In your React application, you can use authentication to manage which users have access to which pages. In this tutorial, you'll create a React application using a token-based authentication system. You'll create a mo... -
Published Tutorial in Series: How To Code in React.js
How To Handle Routing in React Apps with React Router
In React, routers help create and navigate between the different URLs that make up your web application. React Router is designed with intuitive components to let you build a declarative routing system for your applic... -
Published Tutorial in Series: How To Code in React.js
How To Manage State in React with Redux
Redux is a popular data store for JavaScript and React applications. In this tutorial, you'll use store, actions, reducers, and the useSelector Hook to build a bird watching test application. You'll then pull data int... -
Published Tutorial in Series: How To Code in React.js
How To Call Web APIs with the useEffect Hook in React
In this tutorial, you'll use the useEffect and useState React Hooks to fetch and display information in a sample application, using JSON server as a local API for testing purposes. You'll load information when a compo... -
Published Tutorial in Series: How To Code in React.js
How To Handle Async Data Loading, Lazy Loading, and Code Splitting with React
In JavaScript development with the React library, asynchronous programming presents unique problems. When you use React functional components for example, asynchronous functions can create infinite loops. In this tuto... -
Published Tutorial in Series: How To Code in React.js
How To Build Forms in React
Since most React applications are single page applications (SPAs), web forms usually do not submit the information directly from the form to a server. Instead, they capture the form information on the client-side and ... -
Published Tutorial in Series: How To Code in React.js
How To Handle DOM and Window Events with React
In JavaScript apps using the React front-end library, you can use event handlers to update state data, trigger prop changes, or prevent default browser actions. To do this, React uses a SyntheticEvent wrapper instead ... -
Published Tutorial in Series: How To Code in React.js
How To Debug React Components Using React Developer Tools
The React Developer Tools browser extension gives you an interface for exploring the React component tree of your JavaScript app, along with the current props, state, and context for individual components. It can also... -
Published Tutorial in Series: How To Code in React.js
How To Share State Across React Components with Context
In this tutorial, you'll share state across multiple components using React context. React context is an interface for sharing information with other components without explicitly passing the data as props. This means... -
Published Tutorial in Series: How To Code in React.js
How To Manage State with Hooks on React Components
React Hooks are a broad set of tools in the React front-end JavaScript library that run custom functions when a component's props change. Since this method of state management doesn't require you to use classes, devel... -
Published Tutorial in Series: How To Code in React.js
How To Manage State on React Class Components
In React, state refers to a structure that keeps track of how data changes over time in your application. Managing state is a crucial skill in React because it allows you to make interactive web applications. In this ... -
Published Tutorial in Series: How To Code in React.js
How To Style React Components
In this tutorial, you'll learn three different ways to style React components: plain Cascading Style Sheets (CSS), inline styles with JavaScript-style objects, and JSS, a library for creating CSS with JavaScript. To i... -
Published Tutorial in Series: How To Code in React.js
How To Create Wrapper Components in React with Props
In this tutorial, you'll create wrapper components with props using the React JavaScript library. Wrapper components are components that provide a default structure to display the child components. This pattern is use... -
Published Tutorial in Series: How To Code in React.js
How To Customize React Components with Props
Props are arguments that you provide to a JSX element in a React application. They look like standard HTML props, but they aren't predefined and can have many different JavaScript data types, including numbers, string... -
Published Tutorial in Series: How To Code in React.js
How To Create Custom Components in React
Custom components are independent pieces of functionality that you can reuse in your code, and are the building blocks of all applications built on the React framework. Often, they can be simple JavaScript functions a... -
Published Tutorial series
How To Code in React.js
React is a popular JavaScript framework for creating front-end applications, such as user interfaces that allow users to interact with programs. Originally created by Facebook, it has gained popularity by allowing dev...