Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
How to Build a Pricing Page Widget in React With PadBox

lesson

How to Build a Pricing Page Widget in React With PadBoxComposing Layouts in React

In this lesson, you will learn how to build the PadBox primitive and use it in a Pricing Plan component.

How to Build a React Responsive Grid Layout

lesson

How to Build a React Responsive Grid LayoutComposing Layouts in React

Building an inherently responsive grid of items has been reduced down into a single line of CSS. In this lesson, you will learn how to build the Grid primitive that easily lets us achieve this layout.

How to Build React Grid Layouts With Custom Column Numbers

lesson

How to Build React Grid Layouts With Custom Column NumbersComposing Layouts in React

Having a column-based grid system to lay our elements out on is very useful, which is why Bootstrap and other CSS frameworks are built on that model. In this lesson, you will learn how to build the Columns primitive and its helper the Column to build your custom column layout.

How to Build a Split Pane Layout in React

lesson

How to Build a Split Pane Layout in ReactComposing Layouts in React

The layout challenge that is as old as the web itself is putting two items next to each other. In this lesson, you will learn how to build the Split primitive to solve this problem.

How to Build a Stacked Component Layout in React

lesson

How to Build a Stacked Component Layout in ReactComposing Layouts in React

The Stack layout pattern is one of the most simple and common layout patterns on the web. In this lesson, you will learn how to build the Stack primitive and how to make it configurable for your situation

Normal Document Flow in HTML, CSS, and React

lesson

Normal Document Flow in HTML, CSS, and ReactComposing Layouts in React

In the lesson, you will learn about Normal Flow and what patterns you can use to apply the principle of Encapsulated CSS in the context of Normal Flow.

Play games... win money!

lesson

Play games... win money!Creating an ERC20 Token on Ethereum

Thank you again to [StephenGrider](https://github.com/StephenGrider/EthereumCasts). Both the Inbox.sol and Lottery.sol contracts were excellent inspirations for the Money Game smart contract. They explain a lot of the key concepts in Solidity programming.