Lessons
Explore all newline lessons
lesson
An Introduction to Figma, Figmagic, and Design SystemsThe newline Guide to React Component Design Systems with FigmagicA "welcome" is in order, and let's also set some expectations while we are at it!
lesson
How To Add An Ant Design System Form To A React AppThe newline Guide to Modernizing an Enterprise React AppWhile these components require a little more effort to get working, the improvements they provide are worth the time.
lesson
How To Add Ant Design System To A React AppThe newline Guide to Modernizing an Enterprise React AppSetting Ant Design up takes a little doing because it's so customizable.
lesson
Setting Up Contexts To Share Functions Within A React AppThe newline Guide to Modernizing an Enterprise React AppContext doesn't necessarily need to live at the top level of a component to be useful.
lesson
Simplify React Prop Management With A Context HookThe newline Guide to Modernizing an Enterprise React AppBring the Context API into Hardware Handler to decrease our reliance on props.
lesson
How To Set Up ESLint For Modernizing A React AppThe newline Guide to Modernizing an Enterprise React AppMake JavaScript code quality better and avoid bugs with the help of a linter and a strict set of rules.
lesson
Code Formatting - An Overview Of Prettier And How To Set It UpThe newline Guide to Modernizing an Enterprise React AppCode formatting, especially when it's set up, so you don't even have to think about it, is the best.
lesson
Dev Teams, Lock Down Environment Versions With VoltaThe newline Guide to Modernizing an Enterprise React AppAvoid one of the most common developer woes: different devs coding with different environment versions with the help of Volta and Node Engines.
lesson
An Introduction To Custom Hooks In ReactThe newline Guide to Modernizing an Enterprise React AppCustom 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.
lesson
A Step-by-Step Guide to Using React's useContext HookThe newline Guide to Modernizing an Enterprise React AppContext 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.
lesson
Learning About The React useRef Hook And Mutable ValuesThe newline Guide to Modernizing an Enterprise React AppWhile 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.
lesson
How Does React's useEffect Hook Work?The newline Guide to Modernizing an Enterprise React AppuseEffect is a game-changing hook: originally compared to lifecycle methods in React components, it's close but not truly a direct comparison.