What the “this”?

Learn to wield JavaScript's 'this' keyword like a pro – all it takes is 5 simple rules. | Continue reading


@frontarm.com | 3 years ago

Composing Components with Pseudo-Selectors

Learn to use control components -- a pattern that facilitates composition of pseudo-selectors. | Continue reading


@frontarm.com | 3 years ago

Animated route transitions with react-spring and Navi

Learn to create simple route transitions using three react hooks from react-spring and react-navi. | Continue reading


@frontarm.com | 4 years ago

UseContext(): an obvious win

Don't let the hype around hooks fool you - useContext() is actually incredibly useful. | Continue reading


@frontarm.com | 5 years ago

CSS-In-JS and Static Rendering

CSS-in-JS can be a big maintainability win — or a costly mistake. | Continue reading


@frontarm.com | 5 years ago

Reusable Time Travel with React Hooks and Immer

Learn how and why to make a useTimeTravel React hook that we can use to make Tolerant User Interfaces. | Continue reading


@frontarm.com | 5 years ago

Four ways to pass children to React elements

Do you know all 4 ways to pass children to React elements? | Continue reading


@frontarm.com | 5 years ago

React Fragments: 4 real-world examples

Learn to group React elements without unnecessary markup – using React Fragments. | Continue reading


@frontarm.com | 5 years ago

Show HN: Create-react-navi-app – React with routing, mdx and static rendering

Continue reading


@frontarm.com | 5 years ago

Using MDX with create-react-app 2

Learn how to get the succinct syntax of Markdown, the power of JSX, and all with the simplicity of create-react-app 2. | Continue reading


@frontarm.com | 5 years ago

Static vs. Server Rendering

Static rendering and server rendering both involve rendering HTML for each of your app's pages – but there's one major difference between them... | Continue reading


@frontarm.com | 5 years ago

Authenticated routes for React, with Navi

Add authenticated routes to your statically rendered site, complete with redirects to and from the login screen. | Continue reading


@frontarm.com | 5 years ago

Show HN: Navi – SEO and routing with vanilla create-react-app

Build big, fast, CDN-delivered websites with great SEO & SMO, and all with vanilla create-react-app! | Continue reading


@frontarm.com | 5 years ago

Show HN: Navi – blazing fast websites with vanilla create-react-app

Create big, fast, CDN-delivered websites with great SEO & SMO, and all with vanilla create-react-app. | Continue reading


@frontarm.com | 5 years ago

A React hooks based hamburger menu

Quickly create Javascript and Markdown demos. Import any package on npm. | Continue reading


@frontarm.com | 5 years ago

Demoboard

Quickly create Javascript and Markdown demos. Import any package on npm. | Continue reading


@frontarm.com | 5 years ago

Show HN: Demoboard – a live JavaScript editor with every package on NPM

An online editor where npm imports and markdown just work. | Continue reading


@frontarm.com | 5 years ago

Front end Armory – Level up your JavaScript prowess

Continue reading


@frontarm.com | 5 years ago

Passing props to render props via React Context

Render functions let you separate business logic from presentation. But what if you don't want to manually pass all those props? | Continue reading


@frontarm.com | 5 years ago

Async/await and promises cheatsheet

A handy cheatsheet to help make sense of promises and async/await. | Continue reading


@frontarm.com | 5 years ago

The “await” operator, by example

Through 8 live examples you'll learn how JavaScript's new await operator can make your code 100% callback-free. | Continue reading


@frontarm.com | 5 years ago

Show HN: Mastering Async JavaScript

Over the course of 47 live examples and exercises, you'll make callbacks, promises and async/await feel like second nature. | Continue reading


@frontarm.com | 5 years ago

Passing data to props.children

React makes it easy to pass children to reusable components. But what if those children need to receive data from the component that renders them? | Continue reading


@frontarm.com | 5 years ago

Passing props to a React component's children

React makes it easy to pass children to reusable components. But what if those children need to receive data from the component that renders them? | Continue reading


@frontarm.com | 5 years ago

Avoiding unneccessary renders with React context

Before you replace Redux's provider component with React's new context API, there's a thing or two that you should know about performance | Continue reading


@frontarm.com | 5 years ago

When Context Replaces Redux

Redux has used React's context API from the beginning. So how can context replace Redux? | Continue reading


@frontarm.com | 5 years ago

React Context is not for state management

Redux has used React's Context API from the beginning. So how can Context have killed Redux? | Continue reading


@frontarm.com | 5 years ago

3 Anti-Patterns for Conditional Rendering with React

You already know how to implement conditionally rendering with React: just use JavaScript! This gives you a huge amount of power... to shoot yourself in the foot. | Continue reading


@frontarm.com | 5 years ago

Coercion, Equality and Truthy (in JavaScript)

In JavaScript, things can be Truthy, they can equal true, or they can actually be true. But how do these differ? | Continue reading


@frontarm.com | 5 years ago

When to use arrow functions with React

Arrow functions are a lot of fun, but they can sometimes slow down your React app. So let's find out when they're appropriate. | Continue reading


@frontarm.com | 5 years ago

9 React Guides That Stood the Test of Time

Does React deserve its reputation for stability? Let's find out by exploring how nine classic React articles hold up to the latest version of React. | Continue reading


@frontarm.com | 5 years ago

React controller components

Controller components are a render-prop based pattern that can help you decouple state from presentation, and that facilitates reuse of business logic. | Continue reading


@frontarm.com | 5 years ago

Why async: how JavaScript interacts with the real world

You might have heard the phrase “callback hell” before. Luckily, promises and async/await bring sanity back to your JavaScript. | Continue reading


@frontarm.com | 5 years ago

CSS-in-JS security: the rascal's guide

Import the wrong component and your users' passwords will grow legs. Follow this guide to stay safe. | Continue reading


@frontarm.com | 5 years ago

HTML attributes vs. DOM properties

Why is it that HTML attributes have different names when they're used within JavaScript? | Continue reading


@frontarm.com | 5 years ago

Learn Raw React – interactive course

Learn all about React props, then use them to style a contact list in this free interactive lesson. | Continue reading


@frontarm.com | 5 years ago

Front end Armory

Continue reading


@frontarm.com | 5 years ago