Adam Reacts

A personal blog by Adam Rackis focusing on web development, and the Svelte and React stacks in particular.

Svelte and Spring Animations

A deep dive into Svelte's spring animation features

Integrating TypeScript with Svelte

Manually adding TypeScript to a non-greenfield Svelte project

Pre-Caching Images with React Suspense

Using Suspense to block a component's rendering until its images have loaded

How to Use CSS Grid for Sticky Headers and Footers

A beginner friendly introduction to CSS Grid, with examples implementing sticky headers and footers

Making Sense of react-spring

Understanding how react-spring works, and how to leverage it for common animation use cases

Building Your First Serverless Service With AWS Lambda Functions

A beginners introduction to the Serverless framework

React Suspense in Practice

A practical, hands-on tutorial to React Suspense

Suspense Explained

A walk through of the family of React features commonly all referred to as "Suspense"

Wrangling useReducer, from action creators to typings

A walk through of the various ways useReducer can be made more ergonomic, from simulating Redux-like action creators, to adding typings to vanilla `useReducer` via TypeScript.

Loading css, css-modules, and Sass with webpack

An introduction to loading css with webpack, and enabling css-modules, and SASS in the process

A Different Approach to GraphQL Caching

A tour of GraphQL caching with micro-graphql-react.

Hooks, State, Closures, and useReducer

A brief look at how useReducer can simplify your code, particularly with effects and closures.

Making Sense of Offline Web Development

Make your web apps work offline with Service Workers and IndexedDB.

New Beginnings

My first post on my new blog

Making your web app work offline

A gentle introduction to offline web development