Feedback needed: How should we define CSS masonry?

Rachel Andrew, Ian Kilpatrick, and Tab Atkins-Bittner are asking for your feedback on defining CSS Masonry. It could be defined either with display: masonry or with display: grid. - https://developer.chrome.com/blog/masonry-syntax

#css

Caching Data With Nuxt (client-side)

This tutorial demonstrates how to cache data on the client-side within a Nuxt application using the getCacheData method. This allows you to easily cache your data and avoid unnecessary calls to an API for your users. The video includes a step-by-step guide on how to implement caching, including setting an expiration time for your cached data. - https://www.youtube.com/watch?v=taYtXvZJvLk

#vue

TypeScript Interview Questions

Nowadays most modern ReactJS and NodeJS apps are created using TypeScript. Angular was already having it… - https://nabendu82.medium.com/typescript-interview-questions-80d4bb1e9733

#typescript

Simplifying Client-Side Logic: The Strategic Use of View Models

Applications often require different data representations from what’s directly available from the server. For… - https://netbasal.com/simplifying-client-side-logic-the-strategic-use-of-view-models-db0ae0363be4

#view-model

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