Lessons
Explore all newline lessons
lesson
How State Management Works in React Native vs ReactThe newline Guide to React Native for JavaScript Developers using TypeScriptState Management in React Native has similar options to React.
lesson
How to Prevent Bad Git Commits with Lint-stagedCreating React Libraries from ScratchGit hooks to prevent bad commits.
![Intro to Atomic Design Patterns [with examples]](/_next/image?url=https%3A%2F%2Fimage.mux.com%2F377RKQvHoJaUgaNCwuDEQuOtfiKCRexPtxocsOwgrcs%2Fthumbnail.png%3Ftime%3D0&w=3840&q=75)
lesson
Intro to Atomic Design Patterns [with examples]The newline Guide to React Native for JavaScript Developers using TypeScriptAtomic design is a mental model of how the UI should be built and laid out. It is at the core of how we are going to build our apps.
lesson
Using React Context API to Pass Data to React ComponentsThe newline Guide to React Native for JavaScript Developers using TypeScriptContext API provides a way to pass data through the component tree - no more prop-drilling!
lesson
How to Build a Design System for Optimal User ExperienceThe newline Guide to React Native for JavaScript Developers using TypeScriptWhat happens when we press a button on an app vs when we press a button on a web page? That difference is User Experience.
lesson
Deploy with DockerBuild and deploy a REST API with DenoSimilar to how we did it in lesson 1, we will be deploying using CI and SSH, but instead of git, we will be using Docker.
lesson
The useCheckout Hook will do Double Duty in our AppThe newline Guide to Modernizing an Enterprise React AppSome custom hooks can help simplify code beyond the original components they touch.
lesson
How to Test React Native Apps on iOS and Android DevicesThe newline Guide to React Native for JavaScript Developers using TypeScriptRunning on a real device is imperative to testing how the app will actually perform.
lesson
Intro to Managing React Application State With Flux and ReduxThe newline Guide to React Native for JavaScript Developers using TypeScriptLet's learn about Flux and Redux.
lesson
Set App Logos, Launch Screens, and Icons in React NativeThe newline Guide to React Native for JavaScript Developers using TypeScriptSet the app's launch screen and icons. Learn what image to put in native and what to bundle with React Native. Set the tab bar icons.
lesson
Setting up ChromaticThe newline Guide to React Component Design Systems with FigmagicLast but not least, we need to get our visual inspection platform and Storybook hosting working. For this, we will turn to Chromatic.
