Tech Snacks by Passionate People

A recurring segment during our weekly company call (This week at Passionate People), is called "Tech Snacks" where we share some interesting tech updates, releases, blog posts and news from all across the web, curated specially for our team.

Passionate People Tech Snacks for Week 37, 2021

15DaysOfCSS (was 30DaysOfHTML)
CSS concepts introduced one at a time for 15 days explained through navbars. Up your styling game with selectors, specificity, layouts, and the cascade. #15DaysofCSS #30DaysofHTML
GitHub - rescriptbr/ancestor: UI primitives for ReScript and React
:skull: UI primitives for ReScript and React. Contribute to rescriptbr/ancestor development by creating an account on GitHub.
GitHub - antfu/vitesse-webext: ⚡️ WebExtension Vite Starter Template
⚡️ WebExtension Vite Starter Template. Contribute to antfu/vitesse-webext development by creating an account on GitHub.
Webrix.js: Powerful building blocks for React-based web applications
GitHub - PauloGoncalvesBH/running-playwright-on-aws-lambda: Running hundreds of Playwright tests in a few seconds with AWS Lambda
Running hundreds of Playwright tests in a few seconds with AWS Lambda - GitHub - PauloGoncalvesBH/running-playwright-on-aws-lambda: Running hundreds of Playwright tests in a few seconds with AWS La...
GitHub - lahmatiy/react-render-tracker: React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts
React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts - GitHub - lahmatiy/react-render-tracker: React render tracker – a tool to discover per...
GitHub - netlify/framework-info: Framework detection utility
Framework detection utility. Contribute to netlify/framework-info development by creating an account on GitHub.
Designing Beautiful Shadows in CSS
When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.
What’s New With DevTools: Cross-Browser Edition — Smashing Magazine
Learn what’s new with developer tools in Firefox, Edge, Chrome and Safari. Discover new and powerful features that will help you be more comfortable and productive when testing and debugging across browsers.
Developer Decisions For Building Flexible Components — Smashing Magazine
In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors.
A Visual Guide to React Rendering - useMemo
How useMemo can help you prevent unnecessary re-renders.
Ship / Show / Ask
Ship/Show/Ask is a branching strategy that helps teams wait less and ship more, without losing out on feedback.
Typography for Data
How to Systematize Internal Products: Part 2
File-based routing with React Router | Omar Elhawary
Next.js-inspired file-based routing for client-side React with React Router and Vite
Maximize your preparation for AWS Certification with our new exam guides | Amazon Web Services
If you’re planning to take an AWS Certification exam in the near future, the best place to start is the associated exam guide. We recently published updated versions of our 11 exam guides to provide more detailed information and guidance. Why is this important? Because passing an AWS Certification exam validates your competence and confidence […]

Would you like to learn more about how we can help you and your teams get to the next level?

Contact us