Benevolent Bytes

Benevolent Bytes

by Seth Corker
Become a better React developer, CSS wizard, JAMStack master, library explorer.

This is a space to help you learn about JavaScript, animate React components and, navigate the ever-changing world of the web.

Latest Articles

The image gallery we'll add animations to with Framer Motion
Create an image gallery in Framer Motion
Animating between components in React
Illustration of the GitHub logo and NPM logo on either side of a person holding a file
The importance of the README
What I look for in a library
Two people playing a block stacking game on top of the React logo
Three logos in a row, from left to right, the CSS 3 logo, JavaScript logo with a red diagonal line through it and the HTML 5 logo
4 logos in a diamond layout on a black background. In a clockwise direction starting from the top, the M1 chip, HTML5, JacaScript, CSS3
The implications of M1 Apple Silicon for Web Developers
How architecture will affect daily development and what the future holds
React + GraphQL + Flask logos
Letter with html placed over envelope
How to animate scroll position in React
Make delightful animations with useViewportScroll

There's plenty more articles to choose from, 60 in fact.
So why not check them out.

Read all articles

Coding in Framer series

Watch my free tutorial series on how to get started coding in Framer.
We'll use the popular design and prototyping Framer Web to craft beautiful user interfaces but we'll make them more rich and interactive with code. I'll take you from your first code component in React, smooth animations with Framer Motion and handoff into a code project.

Code Components - 1

Create your first code component from scratch in Framer Web. This tutorial will

Common Questions

© 2021 by Benevolent Bytes. All rights reserved.
Website crafted by Seth Corker