Senior Frontend Developer Roadmap 2024: 5 Clear Steps To Next Level - https://www.theseniordev.com/blog/senior-frontend-developer-roadmap-for-2024-5-clear-steps-to-next-level

#frontend #roadmap

How to Structure a Large Scale Vue Application

When it comes to creating a scalable project you want everything about it to be as predictable as possible. This article discusses the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows - https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-application/

#vue

Data Fetching with Server Actions in Next.js

Can you? Should you? If not, why not? Robin doesn’t think the feature is quite there yet. - https://www.robinwieruch.de/next-server-actions-fetch-data/

#react

Angular’s Model Function Explored: A Comprehensive Overview

The newest addition to Angular is the model function, which enhances two-way data binding using signals. - https://netbasal.com/angulars-model-function-explored-a-comprehensive-overview-4481d023c822

#angular

How to fix the invisible scrollbar issue in iOS browsers - https://frontendmasters.com/blog/how-to-fix-the-invisible-scrollbar-issue-in-ios/

#css

Node.js Toolbox: A Way to Find and Compare Node.js Packages

A fantastic community maintained resource that presents a category-based way to find packages and libraries. For example, you can check out HTTP frameworks, browser testing, query builders, and more. You can compare libraries in various ways, see their download count, or edit/submit listings yourself. - https://nodejstoolbox.com/

#nodejs

Vue Accessibility Blueprint: 8 Steps

Writing accessible components in Vue is crucial as more developers recognise the importance of making websites usable for everyone, including those with disabilities. Here are eight straightforward steps to help you build better, more accessible Vue components. - https://dev.to/alexanderop/vue-accessibility-blueprint-8-steps-gim

#vue

Flags as Code in Next.js using Vercel's Flags SDK

Vercel recently introduced an SDK for using feature flags in Vercel-hosted Next.js and SvelteKit-based apps. It’s agnostic, sitting in between your app and the source of such flags. Here’s how it works. - https://vercel.com/blog/flags-as-code-in-next-js

#react

The Lifecycle of Software: An Engineer’s Perspective on SDLC and Agile vs…

The Dynamics of Software Engineering: Navigating Through Methodologies and Lifecycle Phases - https://bootcamp.uxdesign.cc/the-lifecycle-of-software-an-engineers-perspective-on-sdlc-and-agile-vs-waterfall-25b39aeda3e3

#sdlc

It’s Time To Talk About “CSS5”

Brecht De Ruyte shares how the W3C CSS-Next community group is actively searching for better approaches for describing the evolution of CSS and identifying feature sets as effectively as we did with CSS3 in 2009. - https://www.smashingmagazine.com/2024/08/time-to-talk-about-css5

#css

The Node.js Best Practices List: 2024 Edition

An in-depth guide for Node developers that we link to most years. Divided into 8 sections and updated regularly, it digs into areas from error handling and code style to Docker and security practices. - https://github.com/goldbergyoni/nodebestpractices#readme

#nodejs

Catching Up With The Latest Features In Angular - https://ionic.io/blog/catching-up-with-the-latest-features-in-angular

#angular

5 Essentials for Modern Frontend Architecture

Quick insights to better design your frontend architecture - https://blog.bitsrc.io/5-tips-for-modern-frontend-architecture-e3342241cb15

#architecture

5 Must-Have Nuxt Modules Every Developer Should Know

In this article the author explores some of his go to Nuxt modules and how they affect his project. - https://blog.stackademic.com/5-must-have-nuxt-modules-every-developer-should-know-7758f64ffa52

#vue

A Workshop on Building React Hooks

A new online video course from Kent C. Dodds that’s free (but signup-walled once past the introductions). The focus is on rebuilding useState and useEffect from scratch. - https://www.epicreact.dev/tutorials/build-react-hooks

#react

Angular: Integrating micro-frontends at build time using libraries and runtime…

In this story, we will be building a micro-frontend using angular libraries. - https://blog.stackademic.com/angular-integrating-micro-frontends-at-build-time-using-libraries-and-runtime-using-angular-e4dca19b3cb3

#angular

Providing Type Definitions for CSS with @property

Stephanie Eckles explains when and why traditional fallback values can fail and how @property features allow us to write safer, more resilient CSS custom property definitions. - https://moderncss.dev/providing-type-definitions-for-css-with-at-property

#css

Node.js Doubles Security Releases with Newly Automated Process

The Node project has automated its security release process, doubling the number of releases, and is re-evaluating unsupported experimental features with the Next 10 group to enhance security. - https://socket.dev/blog/node-js-doubles-security-releases-with-newly-automated-process

#nodejs

Dynamic Components in Vue

This video provides an introduction to dynamic components and why they are useful. It also dives into different ways to implement dynamic components in Vue.js. - https://www.youtube.com/watch?v=YLFOynY72sE

#vue

Flexible Network Data Preloading in Large SPAs  - https://mmazzarolo.com/blog/2024-07-29-data-preloading-script/

#react