Bridging the Gap, Cleaner React, and SVGs

A summary of what's creating ZEAL

✍️ Blog

Introducing our Partnership with the LEARN Foundation

LEARN academy and ZEAL share values. LEARN does more than teach people how to write code; they support their students by empowering them to create a vision for themselves that's compelling and exciting. Our shared values are where we've always found common ground and an opportunity to collaborate.

Cleaner React: Refactoring Hooks

One of the more common things you will do when writing React components is some sort of http request to get data or to update some data. This will usually involve some combination of the useEffect and useState hooks provided to us by the core React library. Now, to be fair there are many ways to do this and useEffect + useState is one of many. The refactoring tips to follow are taking a look at these specifically, but they are applicable to any scenario where there are relationships between data and there is some level of complexity.

📹 YouTube

The Ultimate SVG Guide - An Intro

This is part 1 of a multi-part series on everything you ever wanted to know about using SVGs. In this video, Amy introduces SVGs, explaining what makes them different than other kinds of images. She also shows the easiest way to get an SVG on a page.

🤔 Zeal Interestings

A collection of cool stuff the ZEAL team found interesting this week.

How we Built the GitHub Globe

GitHub is where the world builds software. More than 56 million developers around the world build and work together on GitHub. With our new homepage, we wanted to show how open source development transcends the borders we’re living in and to tell our product story through the lens of a developer’s journey.

Goober: A Lightweight CSS-in-JS Solution

If you're using CSS-in-js, Goober might be a super lightweight replacement.

DnD Kit

A lightweight, performant, accessible and extensible drag & drop toolkit for React.