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 47, 2020

Tailwind versus BEM
A very interesting comparison between BEM and utility-first CSS approaches like that from Tailwind CSS. Not only that but also a good introduction to CUBE CSS and how it offers the best of both worlds!
Internationalization And Localization For Static Sites
If you're looking for a guide or some pointers on what considerations you need to follow when adding i18n and l10n to your static-generated sites, this is a great resource to get started!
10 Insights from Adopting TypeScript at Scale
A very interesting look into Bloomberg's trip down TypeScript lane. It's been a while since they started this transition so their insights are quite valuable for anyone considering bringing TypeScript and is concerned with how it can scale.
Beautiful React Diagrams
A tiny collection of lightweight React components for building diagrams with ease, surprisingly complete and a very useful addition to any UI that requires interactive diagrams.
Operator Lookup
If you had 30 seconds to list as many JavaScript operators as you can, how many could you list? This resource provides a fantastic overview 50 (yes 50) JavaScript operators! You'll be surprised!
Tailwind CSS 2.0 is out!
We are so happy that Tailwind CSS version 2.0 is out, we can't wait to get some of our projects migrated to this new and awesome version!
Best Practices For E-Commerce UI Design
A great resource on three key aspects of great e-commerce UI and how they provide great experiences for end-users.
Container Queries are coming to Chromium!
One of the most (if not THE most) wanted CSS feature for a long time is now finally being moved to the "Intent to Prototype" list of the Chromium team. We are so looking forward to this feature which will be a game changer for responsive components!
The Raven Technique: One Step Closer to Container Queries
It’s common to reach a point where having container based queries for the CSS of the component would be super handy. This article gets us a step closer to CSS Container queries using only CSS functions.
CodeRush - The best typing speed test for programmers
CodeRush allows you to test your writing skills in more than 30 most popular technologies and 3 different game modes. It is super fun to play with colleagues!
JSX Lite
JSX Lite uses a static subset of JSX, which is parsed to a simple JSON structure that makes it easy to write components once and run them everywhere with full compatibility.
Socket.IO v3 is here!
We are happy to see Socket.IO is alive and well, now getting rid of some polyfills and older features no longer needed in combination with modern browsers and language features.
Cosha
Cosha is ambilight for images in the web
awesome-state
Looking for a state management library? Take a look at this list, it contains pretty much every option for all framework (including framework agnostic options).
The C4 model for visualising software architecture
The C4 model consists of a hierarchical set of software architecture diagrams for context, containers, components, and code. This hierarchy provides different levels of abstraction, each of which is relevant to a different audience.

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

Contact us