Improving rendering performance with CSS content-visibility

Nolan Lawson demonstrates how you can use content-visibility to improve performance. - https://nolanlawson.com/2024/09/18/improving-rendering-performance-with-css-content-visibility

#css

How Node.js Can Now Run TypeScript  - https://samthor.au/2024/node-run-typescript/

#nodejs

How React Router v7 Became Type-Safe

An overview of the soon-to-be-released React Router 7, why recent type-safety improvements are both exciting and useful, as well as some live demos. - https://www.youtube.com/watch?v=ferLCqcLcGU

#react

Best 5 Micro Front-end Frameworks Every Developer Should Know

In today’s dynamic landscape of web development, the demand for scalable, agile and maintainable solutions… - https://medium.com/nerd-for-tech/best-5-micro-front-end-frameworks-every-developer-should-know-f9e99a359e79

#microfrontends

The simplicity of using Vue’s reactivity system outside of Vue

Vue’s reactivity can be imported and used in JS outside of a Vue app, like in Node directly. This article provides a guide on how you can achieve and the benefits. - https://marchantweb.com/article/the-simplicity-of-using-vues-reactivity-system-outside-of-vue

#vue

Enhancing Angular’s Route Redirection Logic: Introducing RedirectFunction

In the recent update, Angular has significantly improved its routing capabilities by introducing a flexible… - https://netbasal.com/enhancing-angulars-route-redirection-logic-introducing-redirectfunction-245a45add387

#angular

New Values and Functions in CSS

Alvaro Montoro gives a fantastic overview of new values and functions coming to CSS. - https://alvaromontoro.com/blog/68062/new-values-and-functions-in-CSS

#css

How to Drag and Drop in React

Drag and drop is a basic UI expectation in many scenarios. Robin, always a well-regarded instructor, walks though the creation of a drag and drop capable component, step-by-step. - https://www.robinwieruch.de/react-drag-and-drop/

#react

How to setup Stripe within NestJS application

Hi, this is Emmanuel. I write about software engineering, React/Next, Nest, Typescript and career growth… - https://medium.com/@emmanuelodii80/how-to-setup-stripe-within-nestjs-application-61b7509a66dc

#nodejs

Using two script blocks in Vue Single File Components

In this article, the author provides a guide on how you can use two script blocks in one Vue component. - https://dev.to/jacobandrewsky/using-two-script-blocks-in-vue-single-file-components-29l4

#vue

Mastering ControlValueAccessor in Angular forms: Never Forget Again

I have been creating form custom components for a long time and each time I have to read about… - https://medium.com/frontend-for-everyone/mastering-controlvalueaccessor-in-angular-forms-never-forget-again-447bc0425011

#angular

JavaScript Meta-programming with Proxies and Reflection

Overview, applications, best practices, and limitations - https://medium.com/ekino-france/javascript-meta-programming-with-proxies-and-reflection-26263fc8b52f

#jaavscript

System Design Interview Questions: The Ultimate Crash Course

Mastering System Design Interview Questions: Essential Tips and Strategies for Success. - https://levelup.gitconnected.com/system-design-interview-questions-the-ultimate-crash-course-d1f17da93faa

#system #design

Prisma, Drizzle, TypeORM or Sequalize — When Your Focus Is Scale, Which One To…

Node.js ecosystem is experiencing an interesting development of toolings in the ORM fields. Few years ago, we… - https://medium.com/@tamartwena/node-js-data-access-layer-tools-which-orm-to-choose-40473bc09ad0

#nodejs

Sticky Headers And Full-Height Elements: A Tricky Combination

Philip Braunen explores why sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height and presents a solution to fix it. - https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination

#css

Tightly Coupled Components Vue Components with Provide/Inject

Using provide and inject in Vue.js allows you to create tightly coupled components that can share state and behavior.
This pattern is particularly useful for creating reusable UI components. - https://vueschool.io/articles/vuejs-tutorials/tightly-coupled-components-vue-components-with-provide-inject

#vue

Angular 18: Revolutionizing Web Development with Cutting-Edge Features

Angular 18, expected to be released in May 2024, introduces several new features and enhancements aimed at… - https://waqasahmeddev.medium.com/angular-18-revolutionizing-web-development-with-cutting-edge-features-1db3275a6199

#angular

React Compiler Beta Release

Five months ago we got our first official introduction to React Compiler, a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin. - https://react.dev/blog/2024/10/21/react-compiler-beta-release

#react

Types Vs Interfaces in TypeScript

TypeScript is full of surprises and some behaviors are only native to TypeScript. - https://javascript.plainenglish.io/types-vs-interfaces-in-typescript-053a3d6c4dc1

#typescript

Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS

Brecht De Ruyte shares first impressions and demos with state queries in CSS and Scroll Snap events in JavaScript. - https://utilitybend.com/blog/is-the-sticky-thing-stuck-is-the-snappy-item-snapped-a-look-at-state-queries-in-css

#css