The CSS Behind Figma

Ahmad Shadeed highlights some interesting use-cases for CSS Flexbox and Grid. - https://ishadeed.com/article/figma-css

#css

Build 3D Visuals in Vue with Lunchbox

In this article, we introduce the core concepts of Lunchbox.js and demonstrate how to use this tool to create 3D visuals in Vue. - https://blog.logrocket.com/build-3d-visuals-vue-lunchbox-js

#vue

Four Ways to Minimize Your Dependencies

After numerous npm supply chain stories (and vulnerabilities thereof) or looking at how large that node_modules folder has ended up, keeping your dependencies to a minimum may appeal to you. Dmitry has a few ideas, but you might not like them. - https://blog.appsignal.com/2022/08/31/4-ways-to-minimize-your-dependencies-in-nodejs.html

#nodejs

Improving the Interaction to Next Paint (INP) Metric with React 18 and Suspense - https://vercel.com/blog/improving-interaction-to-next-paint-with-react-18-and-suspense

#react #next

Code Golfing Tips and Tricks for Smaller JavaScript Code

Writing code that’s as terse as possible isn’t usually desirable – it's not fun for your coworkers, and your build process might minify your code anyway! But if you need to squeeze into as few characters as possible and some messiness is tolerable.. this is a thorough list of ideas and a learning experience in its own right! - https://getbutterfly.com/code-golfing-tips-tricks-how-to-minify-your-javascript-code/

#javascript

Implementing a Loading Skeleton in Angular

Skeletons are placeholder elements that are displayed before the actual content is loaded on a webpage. - https://netbasal.com/implementing-a-loading-skeleton-in-angular-7490ffdecc1b

#angular

CSS Border Animations

Bramus Van Damme looks at several ways to animate a border in CSS. - https://web.dev/css-border-animations/

#css

Building a Secure API with gRPC and Node

A walkthrough of allowing two Node apps to communicate over the HTTP/2 and protocol buffer based gRPC mechanism. - https://snyk.io/blog/building-a-secure-api-with-grpc/

#nodejs

Vue Recursive Components: Rendering Nested Comments

Explore how you can use recursive components in Vue to manage tree-like structured data with an example comments section. - https://blog.logrocket.com/rendering-nested-comments-recursive-components-vue/

#vue

Advanced usage of TypeScript

This article introduces the advanced uses of TypeScript. For those who are familiar with TypeScript or have… - https://medium.com/@imkelen009/advanced-usage-of-typescript-%E4%B8%80-5b102a459b8d

#typescript

React Autocomplete component using React Hooks

Autocomplete or word completion works so that when the writer writes the first letter or letters of a word… - https://paulallies.medium.com/how-to-build-a-react-autocomplete-component-31085bf0c82b

#react

Architecting Enterprise Angular Application

We all know how easy it is to get started with building an Angular application. Thanks to Angular CLI, with… - https://medium.com/@getrohith.sathya/architecting-enterprise-angular-application-3276ac496c02

#angular

Making a Twitter Bot in the Year 2022 with Node.js - https://cmdcolin.github.io/posts/2022-08-26-twitterbot

#nodejs

Finer Grained Control Over CSS Transforms With Individual Transform Properties

Bramus Van Damme and L. David Baron show how individual transform properties work. - https://web.dev/css-individual-transform-properties

#css

The Future of State Management in Vue.js

Before Vue 3, the choice for state management was clearly Vuex. But with the new composition API architecture, reactivity mechanism, and some new players in the game, the choice now might be different. - https://fadamakis.medium.com/the-future-of-state-management-in-vue-js-fa3f94865d1f

#vue

Modern Web App Design Patterns

A free book you can download in PDF format or enjoy on the Web. Learn about lots of fundamentals, from how different styles of rendering or importing resources work to performance optimizations and case studies. There’s a lot to enjoy and a fantastic team behind it, too. - https://www.patterns.dev/

#web #patterns

Infographic for Software Architecture History - https://vocal.media/01/infographic-for-software-architecture-history

##architecture

Understanding useMemo and useCallback

Many find these hooks confusing. This tutorial takes a crack at what they do exactly, why they’re useful and how to get the most out of them – and all in Josh’s usual highly accessible and engaging style. - https://www.joshwcomeau.com/react/usememo-and-usecallback/

#react

Recreating MDN’s Truncated Text Effect

Geoff Graham shows how to create a truncated text effect using CSS. - https://css-tricks.com/recreating-mdns-truncated-text-effect

#css

How to Unit Test Next.js API Routes with Typescript

If you need env vars, mocked data, and Typescript types, this one’s for you. - https://itnext.io/how-to-unit-test-next-js-api-routes-with-typescript-ec1146b4b9b3

#nodejs