Lessons
Explore all newline lessons
lesson
Build Better Design and Change Governance With FlowsThe newline Guide to React Component Design Systems with FigmagicA diagram can be the difference between an organization of "petty kings" doing their own thing and having actionable plans built on a shared identity. What we need is some kind of governance.
lesson
Build a Continuous Design Workflow With a Design SystemThe newline Guide to React Component Design Systems with FigmagicTime to set the stage and see what we can do to be a top shop using continuous design principles and tooling.
lesson
An Intro to Continuous Design: DevOps for DesignThe newline Guide to React Component Design Systems with FigmagicLet me introduce you to my take on the concept of "continuous design."
lesson
How to Set up NPM to Publish JavaScript PackagesThe newline Guide to React Component Design Systems with FigmagicGet a spot in the world's biggest (probably!?) JavaScript community—NPM.
lesson
An Intro to Figma: Shortcuts, Frames, and ComponentsThe newline Guide to React Component Design Systems with FigmagicFigma reshaped how millions of people and companies follow the design process. Now, we're going to form our process around it.
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.