S.O.L.I.D Principles with JS examples

The SOLID Principles were presented initially by Uncle Bob in his book Agile Software Development: Principles, Patterns, and Practices and they intended to make software designs more understandable, flexible and maintainable. - https://medium.com/front-end-weekly/s-o-l-i-d-principles-with-js-examples-db95b44e82e

#solid #javascript

How to Use Forms in React

A seemingly basic topic covered at a low level in Robin’s typically easily accessible manner. Once you grasp the basics, you can then pick up things like React Hook Form or Formik with confidence. - https://www.robinwieruch.de/react-form/

#react

Alternative way to localize in Angular - https://garage.sekrab.com/posts/alternative-way-to-localize-in-angular

#angular

Building a Node API with API-First Design

Now that APIs are a key aspect of the software industry, the concept of API-first design is gaining traction. Under this paradigm, an API definition is created and collaborated on before any code is written. - https://blog.treblle.com/building-a-node-api-with-api-first-design/

#nodejs

In-Depth Look at TypeScript Generics — Advanced Inference - https://itnext.io/in-depth-look-at-typescript-generics-part-2-advanced-inference-5c75638ee6bf

#typescript

Can SVG Symbols Affect Web Performance?

Bart Stefański explores how SVG Symbols affect web performance. - https://bstefanski.com/can-svg-symbols-affect-web-performance

#css

Ref vs Reactive

Vue 3’s Composition API provides two main ways of declaring reactive data. What’s the difference between these and which should you use? - https://vuejsdevelopers.com/2022/06/01/ref-vs-reactive/

#vue

How to Deploy and Host Angular 🅰️ Micro Frontend for FREE Using Firebase 🔥

A tutorial on how to deploy and host a micro frontend app free and with zero stress. - https://itnext.io/how-to-deploy-and-host-angular-%EF%B8%8F-micro-frontend-for-free-using-firebase-6e675b511a4

#angular

The Minimum TypeScript You Need for React

If you don’t have the time to learn every React-related tool in fine detail, here’s at least the need to know list for TypeScript, to free up some time to learn the other things you’ll also need to know. - https://ente.io/blog/tech/typescript-for-react/

#react

Implementing Onion architecture in NestJs

What’s Onion architecture and why you should apply it in your next Nestjs project - https://medium.com/@amranwar/implementing-onion-architecture-in-nestjs-f84a7a1456c4

#nodejs #nestjs

Micro-Frontends at Scale

How to leverage Micro-Frontends with Module Federation - https://levelup.gitconnected.com/micro-frontends-at-scale-part-2-d10994f09f18

#microfrontends

Vite 3.0 is Out

Vite 3 has been released, 16 months after Vite 2. Updates include brand new docs, speed improvements, and a variety of new features. - https://vitejs.dev/blog/announcing-vite3.html

#vue #vite

Fantastic CSS Border Animation

Coco shows how to create interesting border effects using CSS. - https://dev.to/chokcoco/fantastic-css-border-animation-5166

#css

5 JavaScript Concepts to Make You an Excellent Front-end Developer - https://javascript.plainenglish.io/5-javascript-concepts-to-make-you-an-excellent-front-end-developer-994676aa2431

#javascript

The magic Of Injection Tokens in Angular

In this post we are going to see how a powerful feature of dependency injection works and helps our… - https://pappasgeorge.medium.com/the-magic-of-injection-tokens-in-angular-e22d86c6848a

#angular

7 Best Ways to Create a New React App

Create React App might be the best known, but there are a few other approaches worth considering including larger frameworks (like Next.js) or build systems like NX. - https://blog.bitsrc.io/6-best-ways-to-create-a-new-react-application-57b17e5d331a

#react

Accessing Vue Component Data with $ref

Refs are one of Vue’s quirky parts and can get troublesome if you do not properly understand their usage. - https://devjavu.hashnode.dev/accessing-vue-component-data-with-ref

#vue

Article vs. Section: How To Choose The Right One

Olushuyi Olutimilehin explores a mental model that helps you decide between the <section> and <article> elements when writing documents. - https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility

#css

Installing and Running bin Scripts

npm packages can specify which shell scripts/runnable files they provide by way of the package.json bin property. Dr. Axel digs pretty deep, here, into how it all works and the two approaches for installing packages offering such bin scripts. - https://2ality.com/2022/08/installing-nodejs-bin-scripts.html

#nodejs

Laying the Frontend Foundations with a Platform Team - https://engineering.razorpay.com/laying-the-frontend-foundations-with-a-platform-team-62c21c37bf9c

#frontend