Articles about Javascript by Seth Corker

Why I moved to Next.js

Saying goodbye to Gatsby

I'm saying goodbye to Gatsby and moving to Next.js, this is why I made the leap . When plugins and GraphQL aren't enough to justify the cost.

circle loader animation, three frames of circle loading animation

Spinner Animation in React

How to use Framer Motion to create a custom loading spinner animation

Make a custom circle loading animation in React with Framer Motion.

A series of four images from left to right, dog, sea bird flying, white goat and raven

Tap to Expand

Hero animations and animating between different view states can be done easily with the useCycle react hook in Framer Motion and a bit of time.

Framer Motion Bouncing Ball Animation

Create a bouncing animation in React

A title card showing three animation states on a blue background with Seth Corker in the corner

A simple loading animation with Framer Motion

Animation in React doesn't have to be difficult

Make a loading animation in React that's fully customisable with Framer Motion, an animation library that's easy to use and very powerful.

Cartoon person meditating with abstract shapes surrounding them

Page Transitions in React Router with Framer Motion

Animate transitions easily in React

Transitions in React Router doesn't have to be difficult. Let's make a page transition with Framer Motion.

Is JavaScript the right language for businesses?

Is JavaScript the right language for businesses? Is it right for your business? JavaScript can run everywhere, it's fast to develop and it has a rich ecosystem but there are some downsides you should know before you make a decision.

A simplified browser window title card with the words "Page Visibility API with React"

Harnessing the Page Visibility API with React

Take a look at how to use the Page Visibility API with a React hook

Abstract arrangement of a blue triangle up, red triangle down, blue circle and red rectangle in a row

JavaScript is the English of programming

Ubiquity by circumstance

JavaScript is like English because it shares many traits that have helped shape it into what we know today.

Efficiently Rendering Lists in React

Using react-window to render virtualized lists in React

React has great rendering performance yet when it comes to huge amounts of data, like any framework, it can become bogged down. Let's use react-window to improve performance

An illustrated person typing with the title "Fast end-to-end testing with Cypress"

Why Cypress is the best way to test

Cypress is a JavaScript end-to-end testing framework that allows you to write tests that run in a browser much like Selenium.

Save user’s data with a lighter alternative to React

A look at how Preact can cut the fat and still deliver

I love using React but it can be a weighty framework for smaller projects and that’s why I decided to investigate Preact.

A Peek at State Management with MobX

Exploring MobX state management with React

MobX is a state management library which can be used with React much like Redux, its tagline is “Simple, scalable state management” and it definitely delivers on the first promise.

A screenshot of a simple checkout page in React

A look at the React Context API

A useful addition to your React toolkit

If you are using Redux just to avoid passing props down the tree, the React Context API could replace Redux.

A mountainous terrain surrounding a forest

Language Features I Wish JavaScript Had

The wonders of guard and pattern matching

Elixir is a dynamic functional language with a couple of things I really enjoy using, pattern matching and guards are the coolest things I’ve seen.

Why Prettier will make you a more productive programmer

Why I switched from ESLint to Prettier for formatting JS

Linting is a great productivity tool, tools such as ESLint can find potential errors and help foster a consistent style across teams.

Learn more about Javascript

Javascript Articles