Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://image.mux.com/NRyi5m7ViCkGnwV64g00Lz028ESIlay8kCaH9BmLNadWo/thumbnail.png?time=0

lesson

How To Set Up ESLint For Modernizing A React AppThe newline Guide to Modernizing an Enterprise React App

Make JavaScript code quality better and avoid bugs with the help of a linter and a strict set of rules.

https://s3.amazonaws.com/assets.fullstack.io/n/20211004103148075_CoverImage_ModernizeAnEnterpriseReactApp.png

lesson

Code Formatting - An Overview Of Prettier And How To Set It UpThe newline Guide to Modernizing an Enterprise React App

Code formatting, especially when it's set up, so you don't even have to think about it, is the best.

https://image.mux.com/rhfm8P02516TnkW01lY86PAzOlds00Y3qCVOKQouZ3n36E/thumbnail.png?time=0

lesson

Dev Teams, Lock Down Environment Versions With VoltaThe newline Guide to Modernizing an Enterprise React App

Avoid one of the most common developer woes: different devs coding with different environment versions with the help of Volta and Node Engines.

https://s3.amazonaws.com/assets.fullstack.io/n/20211004103148075_CoverImage_ModernizeAnEnterpriseReactApp.png

lesson

An Introduction To Custom Hooks In ReactThe newline Guide to Modernizing an Enterprise React App

Custom hooks are arguably the most important addition of all the hooks released with React 16.8.0. Explore how custom hooks can dramatically simplify sharing code between components.

https://image.mux.com/eLkTOxgOdIjOyQkRwn4Ydr02dRzJ4LdC432fHCAaAniI/thumbnail.png?time=0

lesson

A Step-by-Step Guide to Using React's useContext HookThe newline Guide to Modernizing an Enterprise React App

Context is a powerful API to pass state within React applications, and with the introduction of the useContext Hook, accessing state in any component (class or functional) is possible.

https://image.mux.com/2K2i00sAqnnxO9p9U00pF5h5LhFVFuddHBoRV4MmUEYzc/thumbnail.png?time=0

lesson

Learning About The React useRef Hook And Mutable ValuesThe newline Guide to Modernizing an Enterprise React App

While less often discussed, the useRef Hook deserves covering because a time will come when it's the right solution to reach for; here, we'll talk about how useRef's "mutable" value property can be useful.

https://s3.amazonaws.com/assets.fullstack.io/n/20211004103148075_CoverImage_ModernizeAnEnterpriseReactApp.png

lesson

How Does React's useEffect Hook Work?The newline Guide to Modernizing an Enterprise React App

useEffect is a game-changing hook: originally compared to lifecycle methods in React components, it's close but not truly a direct comparison.

https://s3.amazonaws.com/assets.fullstack.io/n/20211004103148075_CoverImage_ModernizeAnEnterpriseReactApp.png

lesson

React's useState Hook - Track Functional Component StatesThe newline Guide to Modernizing an Enterprise React App

The useState Hook is the most similar to traditional state in React class-based components, and we'll look at examples of how it works to keep track of state in functional components.

https://image.mux.com/wwucYoH7fxtm9nR9ex6LMMjqe01Cnsk3j5DReHDbPqhE/thumbnail.png?time=0

lesson

React Hooks - Understanding The Basic Rules and BenefitsThe newline Guide to Modernizing an Enterprise React App

Learn about the motivation behind React Hooks, the benefits it can bring, and the rules that apply to all Hooks in a React application.

https://image.mux.com/pAebSPY017PMwzoC9RE6MhLO501VRygNcYUZFdZtkO3SE/thumbnail.png?undefined

lesson

Coding a Comments Section that Requires Manual Content ApprovalThe newline Guide to Full Stack Comments with Hasura and React

Right now, all the comments are public instantly. However, we may want to review the comments before showing them to other users. This is what we'll cover in this lesson.