How to Structure Your Next.js App with the New App Router

Learn how to organize your modern Next.js project using a feature-driven structure with the new App Router which, the author asserts, enables greater flexibility and efficiency in development. - https://betterprogramming.pub/how-to-structure-your-next-js-app-with-the-new-app-router-61bf2bf5a20d

#react

Ranger: Use a Range-Like Syntax for Anything?

const numbers = 1[[...8]], anyone? This is a neat trick for a bit of syntactic sugar, but I’m not sure it would pass the sniff test for most teams. You might find the implementation interesting to check out though. Long may this sort of experimentation continue. - https://dev.to/jonrandy/ranger-js-range-syntax-for-anything-4djc

#javascript

Linting Defensive and Logical CSS With Stylelint Plugins

Daniel Yuschick explores using Stylelint plugins to help us adopt and enforce defensive and logical CSS practices. - https://blog.logrocket.com/linting-defensive-logical-css-stylelint-plugins

#css

Server-Sent Events with Node

Server-Sent Events (SSE) enable a web server to send real-time updates to the client but without the two-way connection overhead of WebSockets. - https://blog.endpts.io/server-sent-events-with-nodejs

#nodejs

Nuxt-scheduler: A server side scheduling module for Nuxt 3

Add Scheduled cron jobs within your Nuxt 3 server with Nuxt Scheduler. This blog post provides a simple get-started guide to using this exciting Nuxt 3 server-side module to schedule tasks in your application - https://vuejsfeed.com/blog/nuxt-scheduler-a-server-side-scheduling-module-for-nuxt-3

#vue

A Follow-up to Dan Abramov's React Server Component Quizzes

Dan intended for these quizzes — delivered via 🐦 his Twitter account — to challenge and enhance his audience’s understanding of React Server Components. This article provides a helpful companion explanation. - https://betterprogramming.pub/grok-react-server-component-by-quizzes-df4417905bc4

#react

Making DRY Conditional Structural Directives Using Angular Directive…

In Angular v15, we can use the new directive composition API to apply directives directly to the host element… - https://netbasal.com/making-dry-conditional-structural-directives-using-angular-directive-composition-api-bc346672445d

#angular

Ways to Create an Enum in JavaScript

An enum is a set of named constants. Plain objects, frozen objects, proxied objects or a class-based approach provide some ways to create enums in JavaScript. - https://dmitripavlutin.com/javascript-enum/

#javascript

Guide to Nest JS-RabbitMQ Microservices

Let us have a Nest JS microservice driven by RabbitMQ broker - https://medium.com/swlh/guide-to-nest-js-rabbitmq-microservices-e1e8655d2853

#nodejs

Two Simple Layouts That Work Better With Grid

Kevin Powell looks at how you can make a couple of simple, responsive layouts with CSS grid, comparing it to similar things you can make with Flexbox. - https://www.youtube.com/watch?v=r1IitKbJRFE

#css

Unlock the full potential of Vue 3 with TypeScript.

Dive into the world of TypeScript. In this Vue.js Amsterdam 2023 presentation video, find out why we should use TypeScript and how to get started with it in our Vue.js applications. A must-watch resource is you are looking to learn the advantages of using TypeScript and various ways to incorporate it into Vue.js. - https://www.youtube.com/watch?v=VBQ3_IXy3JA&list=PL02pdjMT4gWzQ8QZo9ddWuU4nz6s63o1u&index=25

#vue

ExpressionChangedAfterItHasBeenCheckedError in Angular — What, Why and How To…

ExpressionChangedAfterItHasBeenCheckedError is without a doubt my favorite error in Angular applications… - https://betterprogramming.pub/expressionchangedafterithasbeencheckederror-in-angular-what-why-and-how-to-fix-it-c6bdc0b22787

#angular

A Guide to Using Redux Toolkit with TypeScript

Redux Toolkit provides a standard way to work with Redux. This tutorial shows off the practicalities. - https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/

#react

Exploring the Potential of Web Workers for Multithreading on the Web

Looks at the importance of Web Workers for multithreading in the browser, including the limitations and considerations of using them and the strategies for mitigating potential issues associated with them. - https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/

#javascript

Re-Evaluating px vs em in Media Queries

Keith J. Grant examines if px or em units are a better choice for media queries. - https://keithjgrant.com/posts/2023/05/px-vs-em-in-media-queries

#css

👨‍💻 Как выстроить CI/CD-пайплайн?
Мы написали статью, где подробно рассказали об этом!

Французский архитектор Ле Корбюзье позавидовал бы архитектуре приложений созданных с помощью serverless-продуктов Yandex Cloud и GitLab CI. Вы узнаете, как реализовать в приложении несколько условий, чем полезна push-модель и увидите наглядный пример serverless-приложения.

Статья будет особенно полезна backend- и frontend-разработчикам, архитекторам, DevOps или владельцам стартапов. Бонус самым внимательным: пошаговая инструкция по построению CI/CD-пайплайна в определённом месте статьи 👀

Why Your Backend in Node.JS Needs an API Layer and How to Build It

In the microservice architecture, each service is independent and communicates with other services via API… - https://semaphoreci.medium.com/why-your-backend-in-node-js-needs-an-api-layer-and-how-to-build-it-3e4e4c262a2a

#nodejs

Effective Ways to Learn and Master Vue.js

Whether you're a seasoned pro or just starting out, Vue.js offers a range of features that can help you create stunning web applications quickly and easily. But with so many resources available, it can be tough to know how to effectively level up your skills. In this article, explore some of the most effective ways to learn and master Vue.js. - https://vueschool.io/articles/vuejs-tutorials/effective-ways-to-learn-and-master-vue-js/

#vue

Memento Pattern in TypeScript

Throughout the lifecycle of an application, an objects state may change. You might want to store a copy of… - https://medium.com/design-patterns-in-typescript/memento-pattern-in-typescript-b0439ab8e5bf

#typescript