Can We Enterprise CSS Grid?

Chen Hui Jing outlines some challenges larger organizations might have with switching from a framework to CSS Grid. - http://amp.gs/jGnaD

#css

The Cost of Consistency in UI Frameworks

How can the main JavaScript frameworks all have different behavior? Sometimes there are problems that have no universally good solutions. - http://amp.gs/jGGP1

#vue

Lazy-load Non-Routable Modules with Components in Angular 13+

Tutorial on how to create lazy loading mechanism for non-routable modules with components and services… - http://amp.gs/jGGwo

#angular

JavaScript Obfuscation Techniques by Example

The Hacker News discussion around this article was, perhaps, even more interesting, I thought. - https://www.trickster.dev/post/javascript-obfuscation-techniques-by-example/?utm_campaign=javascript-obfuscation-techniques-by-exa

#javascript

How to Connect AdminJS to an Existing Node App

AdminJS is an ‘automatic’ admin panel you can plug into a Node app. It’s ‘automatic’ in the sense that it’ll create most of its own UI based upon the schema of your database models. - https://medium.com/adminjs/how-to-connect-adminjs-to-an-existing-node-js-express-typescript-mongodb-application-eb25dc375de5?utm_campaign=how-to-connect-adminjs-to-an-existing-no

#nodejs

Deploy a React App to S3 with GitHub Actions: Step-By-Step Guide

The ubiquity of both React and AWS S3 cloud storage makes this article particularly useful. It’s a beginner-friendly way to learn how to deploy your React App to AWS S3 using GitHub Actions. - https://javascript.plainenglish.io/deploy-a-react-app-to-aws-s3-with-github-actions-a-step-by-step-guide-3572265332a3?utm_campaign=deploy-a-react-app-to-s3-with-github-act

#react

API & Web Architecture — Security Best Practices

In my previous two segments, I shared some best practices on how to design and build performant REST APIs. - https://abdulrwahab.medium.com/api-web-architecture-security-best-practices-61522aff37be?utm_campaign=api-&-web-architecturesecurity-best-p

#web #security

Single Element Loaders: Going 3D!

Temani Afif explores some patterns for creating 3d loaders. - https://css-tricks.com/single-element-loaders-going-3d?utm_campaign=single-element-loaders-going-3d!tem

#css

Is Vue 2 Dead?

Vue 2.7 is out, and now Vue 2 is end-of-lifing. What new features does Vue 2.7 have? What does Vue 3 have that Vue 2 doesn't? - https://www.youtube.com/watch?v=CW6sho5Ijzg

#vue

Modern Web App Design Patterns

A free book you can download in PDF format or enjoy on the Web – the React specific stuff starts here. There’s a lot to enjoy here and a fantastic team behind it, too. - https://www.patterns.dev/?utm_campaign=modern-web-app-design-patternsa-free

#patterns

10 Must-Know Patterns for Writing Clean Code with React and TypeScript

React is a JavaScript library, and it is the most popular and industry-leading frontend development library… - https://medium.com/@adarshrai3011/10-must-know-patterns-for-writing-clean-code-with-react-and-typescript-d2fe9ac6ccdd?utm_campaign=10-must-know-patterns-for-writing-clean

#react

Nodewood 1.0: A Node.js-Powered SaaS 'Starter Kit'

It’s commercial, but if you like the features it might be worthwhile to save some time. - https://nodewood.com/blog/nodewood-1-0-official-full-release/?utm_campaign=nodewood-1.0-a-node.js-powered-saas-st

#nodejs

Holograms, Light-Leaks and How To Build CSS-Only Shaders

Robb Owen looks at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript. - https://robbowen.digital/wrote-about/css-blend-mode-shaders?utm_campaign=holograms--light-leaks-and-how-to-build

#css

How We Built a Themeable Multi-Brand Design System with Vue.js

This article explains the creation of a Vue-based design system, from the first meetings to the first projects in production. - https://dev.to/monisnap/how-we-built-a-themeable-multi-brand-design-system-with-vuejs-4flk?utm_campaign=how-we-built-a-themeable-multi-brand-des

#vue

Angular — environment configuration at runtime

Build your app once and inject the environment configuration at runtime for any stage - https://levelup.gitconnected.com/angular-environment-configuration-at-runtime-b44e230da585?utm_campaign=angular--environment-configuration-at-r

#angular

Ready for changes with Hexagonal Architecture

A story on how we leveraged Hexagonal Architecture principles to be prepared for changes in the Netflix… - https://netflixtechblog.com/ready-for-changes-with-hexagonal-architecture-b315ec967749?utm_campaign=ready-for-changes-with-hexagonal-archite

#architecture

Popular Node.js Patterns and Tools to Reconsider?

Yoni is well known for his work in cataloging Node best practices but he thinks we should reflect upon entrenched approaches over time. Here he presents nine common approaches to reconsider, including the use of Dotenv, Passport.js, and having conditional code based on the value of NODE_ENV. - https://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/?utm_campaign=popular-node.js-patterns-and-tools-to-re

#nodejs

Why React Re-Renders

The processes around rendering are so important to understand and get right if you want to get the best performance possible from your React apps. There’s no shortage of stories talking about making React rendering more efficient, but this one digs into why React re-renders in the first place and in an accessible, easily followed way too. - https://www.joshwcomeau.com/react/why-react-re-renders/?utm_campaign=why-react-re-rendersthe-processes-ar

#react

Drag-and-drop with Angular Material - https://blog.openreplay.com/drag-and-drop-with-angular-material?utm_campaign=drag-and-drop-with-angular-material---ht

#angular

Style with Stateful, Semantic Selectors

Ben Myers explains how you can create more robust styles by exposing element state to assistive technologies. - https://benmyers.dev/blog/semantic-selectors?utm_campaign=style-with-stateful--semantic-selectors

#css