Vue.js Patterns: Using Vue.js 3 Composition API for Reactive Parent to Child Communication
In this article, we will explore how to use the Vue.js 3 Composition API to create a reactive parent to child communication without the limitations of porps. - https://lirantal.medium.com/vue-js-patterns-using-vue-js-3-composition-api-for-reactive-parent-to-child-communication-a4edf1b6a336
#vue
In this article, we will explore how to use the Vue.js 3 Composition API to create a reactive parent to child communication without the limitations of porps. - https://lirantal.medium.com/vue-js-patterns-using-vue-js-3-composition-api-for-reactive-parent-to-child-communication-a4edf1b6a336
#vue
Medium
Vue.js Patterns: Using Vue.js 3 Composition API for Reactive Parent to Child Communication
Here’s the use-case: A parent Vue.js component needs to pass data to a child component. It does so using Props. The child component needs to receive this external data as its initial state, but also…
👍6
React Server Components From Scratch
Alright, let’s build React Server Components totally from scratch. Right from nothing, through building a simple Node-based server and working out from there. Ben is very engaging and does a great job of explaining things. - https://www.youtube.com/watch?v=MaebEqhZR84
#react
Alright, let’s build React Server Components totally from scratch. Right from nothing, through building a simple Node-based server and working out from there. Ben is very engaging and does a great job of explaining things. - https://www.youtube.com/watch?v=MaebEqhZR84
#react
YouTube
React server components from scratch!
Repo: https://github.com/bholmesdev/simple-rsc
Let's build a node server, stream an RSC to your browser, and handle client component bundling!
#javascript #programming #reactjs #tutorial
Let's build a node server, stream an RSC to your browser, and handle client component bundling!
#javascript #programming #reactjs #tutorial
👍7
Feature-Sliced Design —modern architectural methodology on Angular - https://medium.com/@fed4wet/feature-sliced-design-modern-architectural-methodology-on-angular-d0ef705ef598
#angular
#angular
Medium
Feature-Sliced Design —modern Front End Architectural Methodology on Angular.
0. Before we start.
👍6
Nested Dark Mode via CSS Proximity
Jonathan Dallas shares how you can arbitrarily nest themes to any depth using CSS Custom Properties. - https://jwdallas.com/posts/nesteddarkmode
#css
Jonathan Dallas shares how you can arbitrarily nest themes to any depth using CSS Custom Properties. - https://jwdallas.com/posts/nesteddarkmode
#css
Jwdallas
Nested Dark Mode Via CSS Proximity
How to arbitrarily nest themes to any depth
👍6
Leveraging Inputs Binding with NgComponentOutlet in Angular
Angular version v16.2.0 (next.4) introduced a highly practical feature — Inputs Binding with… - https://netbasal.com/leveraging-inputs-binding-with-ngcomponentoutlet-in-angular-e04fadc26ad2
#angular
Angular version v16.2.0 (next.4) introduced a highly practical feature — Inputs Binding with… - https://netbasal.com/leveraging-inputs-binding-with-ngcomponentoutlet-in-angular-e04fadc26ad2
#angular
Medium
Leveraging Inputs Binding with NgComponentOutlet in Angular
Angular version v16.2.0 (next.4) introduced a highly practical feature — Inputs Binding with NgComponentOutlet. In the past, when…
👍6❤2
Composables vs. Renderless Components in Vue 3
Renderless components are typically used to provide some functionality to child components, while composables are used to provide stateful logic to a component or components - https://medium.com/@moein.mirkiani/composables-vs-renderless-components-in-vue-3-1e7386d8182
#vue
Renderless components are typically used to provide some functionality to child components, while composables are used to provide stateful logic to a component or components - https://medium.com/@moein.mirkiani/composables-vs-renderless-components-in-vue-3-1e7386d8182
#vue
Medium
Composables vs. Renderless Components in Vue 3
A couple of weeks ago, I saw an example of a renderless component in React, then I thought does this also work in Vue? In this post, I’ll…
👍6
How Lee Robinson Created His Guestbook
A walkthrough of building a basic Web guestbook using Next.js. - https://bejamas.io/blog/how-to-create-a-guestbook/
#react
A walkthrough of building a basic Web guestbook using Next.js. - https://bejamas.io/blog/how-to-create-a-guestbook/
#react
Bejamas
How Lee Robinson created his Guestbook, and you can do it too
Learn to build full-stack web application in modern way using the services provided by Vercel
👍7
A 2024 Wishlist for Node's Test Runner
Node 20 introduced its own test runner, and while it was designed to be quite minimal, there are still improvements that could be had. - https://cjihrig.com/test_runner_wishlist_2024
#nodejs
Node 20 introduced its own test runner, and while it was designed to be quite minimal, there are still improvements that could be had. - https://cjihrig.com/test_runner_wishlist_2024
#nodejs
Cjihrig
A 2024 Wishlist for Node's Test Runner
When the Node.js test runner was initially created, it was supposed to be very minimal. Of course, developers are never happy with simple and/or minimal, so the test runner has already grown far beyond what it was ever intended to be. Since that trend seems…
👍6
CSS Relative colors
Lucien Immink explains how you can use the from keyword to convert colors to different color spaces and change the color properties. - https://techhub.iodigital.com/articles/css-relative-colors
#css
Lucien Immink explains how you can use the from keyword to convert colors to different color spaces and change the color properties. - https://techhub.iodigital.com/articles/css-relative-colors
#css
iO tech_hub
CSS Relative colors - iO tech_hub
Before the relative color syntax you had to rely on CSS variables or even worse: JavaScript to modify the parameters of a color. Using the from keyword the browser can convert the originating color to different color spaces and change the color properties.
👍7
Mastering Angular Dependency Injection in a large scale project
Angular is a robust and comprehensive framework that helps web developers build scalable applications. One of… - https://blog.josematos.work/mastering-angular-dependency-injection-in-a-large-scale-project-d241e4ec0ac2
#angular
Angular is a robust and comprehensive framework that helps web developers build scalable applications. One of… - https://blog.josematos.work/mastering-angular-dependency-injection-in-a-large-scale-project-d241e4ec0ac2
#angular
Medium
Mastering Angular Dependency Injection in a large scale project
Angular is a robust and comprehensive framework that helps web developers build scalable applications. One of its most distinguishing features is Dependency Injection (DI) — a concept that enables…
👍4👏1
15 common Angular development interview questions and solutions
Angular is a popular open-source application-design framework and development platform. Google initially… - https://grokkingtechinterview.com/15-common-angular-development-interview-questions-and-solutions-634118970259
#angular
Angular is a popular open-source application-design framework and development platform. Google initially… - https://grokkingtechinterview.com/15-common-angular-development-interview-questions-and-solutions-634118970259
#angular
Medium
15 common Angular development interview questions and solutions
Angular is a popular open-source application-design framework and development platform. Google initially released it in 2010 as AngularJS…
👍5
React Libraries for 2024
A few issues ago, we were hoping that Robin would soon do a 2024 update of his opinionated annual guide to which libraries to consider for different tasks – and he has! - https://www.robinwieruch.de/react-libraries/
#react
A few issues ago, we were hoping that Robin would soon do a 2024 update of his opinionated annual guide to which libraries to consider for different tasks – and he has! - https://www.robinwieruch.de/react-libraries/
#react
www.robinwieruch.de
React Libraries for 2025
Discover the essential React libraries for 2025! Navigate the vast ecosystem effortlessly with this curated list. Empower your React projects with these powerful tools for seamless development of large-scale applications ...
❤4👍4
Vue show and hide form elements
When working with forms, displaying or concealing various fields is common based on selected options.
This article explains how to conditionally show or hide form elements in @vuejs. - https://dcblog.dev/vue-show-and-hide-form-elements
#vue
When working with forms, displaying or concealing various fields is common based on selected options.
This article explains how to conditionally show or hide form elements in @vuejs. - https://dcblog.dev/vue-show-and-hide-form-elements
#vue
dcblog.dev
Vue show and hide form elements
When working with forms, it is common to display or conceal various fields based on the options s...
👍5
Handling Environment Variables in Node
An in-depth guide to NODE_ENV, how to use Fastify secret management plugins, how to validate environment variables, and bringing Platformatic into the mix. - https://blog.platformatic.dev/handling-environment-variables-in-nodejs
#nodejs
An in-depth guide to NODE_ENV, how to use Fastify secret management plugins, how to validate environment variables, and bringing Platformatic into the mix. - https://blog.platformatic.dev/handling-environment-variables-in-nodejs
#nodejs
Platformatic Blog
Handling Environment Variables in Node.js
An in-depth guide of NODE_ENV, how to use Fastify secret management plugins, and how Platformatic natively supports environment variables.
👍5
Backends For Frontends — My Take
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple… - https://faun.pub/backends-for-frontends-my-take-b97663ec1b68
#bff
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple… - https://faun.pub/backends-for-frontends-my-take-b97663ec1b68
#bff
Medium
Backends For Frontends — My Take
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple network calls; add the need…
👍6👎1
console.delight
Zach Saucier shows how you can render (limited) CSS, SVGs, and even HTML in console.log(). - https://frontendmasters.com/blog/console-delight
#css
Zach Saucier shows how you can render (limited) CSS, SVGs, and even HTML in console.log(). - https://frontendmasters.com/blog/console-delight
#css
Frontendmasters
console.delight
Everyone knows you can use console.log() to log text and variables to the console. Did you know you could also render (limited) CSS, SVGs, and even HTML in it?!? I didn't! It's a neat technique that can delight the curious and further your brand for curious…
👍6
How to Deep Link into an Angular Web App
Deep link into an authenticated Angular web app from a URL using an Angular Route Guard. - https://blog.bitsrc.io/how-to-deep-link-into-an-angular-web-app-67445c1b16de
#angular
Deep link into an authenticated Angular web app from a URL using an Angular Route Guard. - https://blog.bitsrc.io/how-to-deep-link-into-an-angular-web-app-67445c1b16de
#angular
Medium
How to Deep Link into an Angular Web App
Deep link into an authenticated Angular web app from a URL using an Angular Route Guard.
👍5
Let's create a filter table component in Vue
In this video, you'll learn how to use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and the Composition API. - https://www.youtube.com/watch?v=au27CwIFHzs
#vue
In this video, you'll learn how to use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and the Composition API. - https://www.youtube.com/watch?v=au27CwIFHzs
#vue
YouTube
Let's create a filter table component in Vue
A plain table element displaying your data in Vue is pretty boring, let's make it more dynamic!
In this video, we'll use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and…
In this video, we'll use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and…
👍3
Ten Common Mistakes with the Next.js App Router
A twenty-minute presentation informed by discussions with “hundreds of developers and looking at thousands of Next.js repositories.” - https://www.youtube.com/watch?v=RBM03RihZVs
#react
A twenty-minute presentation informed by discussions with “hundreds of developers and looking at thousands of Next.js repositories.” - https://www.youtube.com/watch?v=RBM03RihZVs
#react
YouTube
10 common mistakes with the Next.js App Router
After talking to hundreds of developers and looking at thousands of Next.js repositories, I've noticed ten common mistakes when building with the Next.js App Router.
This video will share why these mistakes can happen, how to fix them, and some tips to help…
This video will share why these mistakes can happen, how to fix them, and some tips to help…
👍6
AdonisJS v6: The Complete Web Framework
If you want a TypeScript-first backend Web framework with amazing docs and packed with features out the box, Adonis is worth a look. v6 takes a huge step forward by using ESM by default, offering significantly more type safety overall , a new validation library, and more. - https://adonisjs.com/blog/adonisjs-v6-announcement
#nodejs
If you want a TypeScript-first backend Web framework with amazing docs and packed with features out the box, Adonis is worth a look. v6 takes a huge step forward by using ESM by default, offering significantly more type safety overall , a new validation library, and more. - https://adonisjs.com/blog/adonisjs-v6-announcement
#nodejs
Adonisjs
Announcing AdonisJS v6
The long-awaited version of AdonisJS is finally here. In this post, we cover the highlights of the release.
👍8