Build and Deploy a Full Stack MERN Next.js 13 Threads Clone
An extensive, five hour screencast walking through the creation of a Threads/Twitter/X-style app using Next.js 13 and Clerk for user management. - https://www.youtube.com/watch?v=O5cmLDVTgAs
#react
An extensive, five hour screencast walking through the creation of a Threads/Twitter/X-style app using Next.js 13 and Clerk for user management. - https://www.youtube.com/watch?v=O5cmLDVTgAs
#react
YouTube
Build and Deploy a Full Stack MERN Next.js 14 Threads App | React, Next JS, TypeScript, MongoDB
Develop Threads, Next.js 14 app that skyrocketed to 100 million sign-ups in less than 5 days, and dethroned giants like Twitter, ChatGPT, and TikTok to become the fastest-growing app ever!
Ultimate Next 14 Course is now live: https://www.jsmastery.pro/next15…
Ultimate Next 14 Course is now live: https://www.jsmastery.pro/next15…
Observing Node.js Processes with eBPF - https://opeonikute.dev/posts/observing-node-with-ebpf
#nodejs
#nodejs
Opeyemi Onikute
Observing Node.js processes with eBPF
Storybook for Vue 3
Vue 3 is the latest major installment of Vue.js that features better ergonomics, better performance, and new APIs for managing large apps. Find out in this article why and how Storybook works perfectly with Vue 3. - https://medium.com/storybookjs/storybook-for-vue-3-947b868758d9
#vue
Vue 3 is the latest major installment of Vue.js that features better ergonomics, better performance, and new APIs for managing large apps. Find out in this article why and how Storybook works perfectly with Vue 3. - https://medium.com/storybookjs/storybook-for-vue-3-947b868758d9
#vue
Medium
Storybook for Vue 3
Supporting the next-gen progressive JS framework
My Experience Modernizing Packages to ESM
Mark, well known for his work on React and Redux, details the painful experiences and hard-earned lessons learned migrating the Redux packages to ES modules - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/
#npm esm
Mark, well known for his work on React and Redux, details the painful experiences and hard-earned lessons learned migrating the Redux packages to ES modules - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/
#npm esm
Mark's Dev Blog
Blogged Answers: My Experience Modernizing Packages to ESM
Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM
Let’s Make a Rubber Button With HTML, CSS and SVG
Tyler Sticka shows how to create a Rubber Button effect. - https://cloudfour.com/thinks/rubber-button
#css
Tyler Sticka shows how to create a Rubber Button effect. - https://cloudfour.com/thinks/rubber-button
#css
Cloud Four
Let’s Make a Rubber Button With HTML, CSS and SVG
While I wasn’t looking, an elastic hover/active effect I shared on CodePen was viewed more than 11,000 times. Here’s how it works!
How to Optimize and Add Server-Side Rendering to an Angular Application
Optimizing an Angular application is crucial to its performance. We can improve the performance of an Angular… - https://bootcamp.uxdesign.cc/how-to-optimize-and-add-server-side-rendering-to-an-angular-application-588f6a91292b
#angular
Optimizing an Angular application is crucial to its performance. We can improve the performance of an Angular… - https://bootcamp.uxdesign.cc/how-to-optimize-and-add-server-side-rendering-to-an-angular-application-588f6a91292b
#angular
Medium
How to Optimize and Add Server-Side Rendering to an Angular Application
Optimizing an Angular application is crucial to its performance. We can improve the performance of an Angular application by updating the…
Where Should I Put My Components in the Next.js App Router?
Find out what your options are for where you can put all your components in an App Router application. We’re more used to seeing Jack on his YouTube channel, but he now blogs too. - https://www.pronextjs.dev/where-should-i-put-my-components-in-the-app-router
#react
Find out what your options are for where you can put all your components in an App Router application. We’re more used to seeing Jack on his YouTube channel, but he now blogs too. - https://www.pronextjs.dev/where-should-i-put-my-components-in-the-app-router
#react
www.pronextjs.dev
Where Should I Put My Components In The App Router?
Your No-BS Solution for Enterprise-Ready Next.js Applications
Good practices and Design Patterns for Vue Composables
This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
DEV Community
Good practices and Design Patterns for Vue Composables
I recently had a great discussion with my team at Vue Storefront about patterns for writing Vue...
Nodejs Developer Roadmap 2023
Explore nodejs developer roadmap for 2023. A step-by-step guide to how to become nodejs developer, increase… - https://javascript.plainenglish.io/nodejs-developer-roadmap-2023-4e2fccc0ff54
#nodejs
Explore nodejs developer roadmap for 2023. A step-by-step guide to how to become nodejs developer, increase… - https://javascript.plainenglish.io/nodejs-developer-roadmap-2023-4e2fccc0ff54
#nodejs
Medium
Nodejs Developer Roadmap 2023
Explore nodejs developer roadmap for 2023. A step-by-step guide to how to become nodejs developer, increase knowledge as nodejs developer
How layout position impacts three big web performance levers
Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers
#css
Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers
#css
Performance @ Shopify
How layout position impacts three big web performance levers
Updated: 18 Sept 2023 We help Shopify merchants improve their web performance and see three common problems related to layout position: Lazy loading images above the fold Asynchronous loading of CSS needed for elements above the fold Not prioritizing the…
Angular: Introduction of Signals for High-Performance Applications
Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for… - https://blog.bitsrc.io/angular-introduction-of-signals-for-high-performance-applications-4e7aeddcbb62
#angular
Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for… - https://blog.bitsrc.io/angular-introduction-of-signals-for-high-performance-applications-4e7aeddcbb62
#angular
Medium
Angular: Introduction of Signals for High-Performance Applications
Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for high-performance web apps.
Function Overloading in Typescript
Typescript is a type system built on top of Javascript and its only purpose is to secure your application… - https://medium.com/ngconf/function-overloading-in-typescript-8236706b2c05
#typescript
Typescript is a type system built on top of Javascript and its only purpose is to secure your application… - https://medium.com/ngconf/function-overloading-in-typescript-8236706b2c05
#typescript
Medium
Function Overloading in Typescript
Typescript is a type system built on top of Javascript and its only purpose is to secure your application. Learn how to secure your…
Reactivity with the Vue 3 Composition API: ref() and reactive()
In a single-page application (SPA), reactivity refers to the application’s ability to update its user interface in response to changes in the underlying data. In Vue 3 we are introduced to 2 ways of declaring reactive Variables - Ref and Reactive. This article will explore these 2 functions outlining their uniqueness and use cases. - https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/
#vue
In a single-page application (SPA), reactivity refers to the application’s ability to update its user interface in response to changes in the underlying data. In Vue 3 we are introduced to 2 ways of declaring reactive Variables - Ref and Reactive. This article will explore these 2 functions outlining their uniqueness and use cases. - https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/
#vue
LogRocket Blog
Reactivity with the Vue 3 Composition API: ref() and reactive() - LogRocket Blog
Explore Vue 3's Composition API and the ref() and reactive() functions for implementing efficient reactivity.
Building a Two-Way Data Binding Hook for Form Inputs
Two-way form input binding is a popular feature offered by frameworks like Vue and Svelte – what might a React version look like? Consider this more an experiment than anything. - https://www.macarthur.me/posts/binding-input-state-in-react
#react
Two-way form input binding is a popular feature offered by frameworks like Vue and Svelte – what might a React version look like? Consider this more an experiment than anything. - https://www.macarthur.me/posts/binding-input-state-in-react
#react
Alex MacArthur
Building a Two-Way Data Binding Hook for Form Inputs in React
Two-way form input binding is a popular feature offered by JavaScript frameworks like Vue and Svelte. I took a minute to explore what the React version of it might look like. I don't hate the result.
Matteo's Thoughts on Bun
As the creator of Fastify and a Node.js TSC member, it’s interesting to see what Matteo thinks of alternative runtime Bun. - https://adventures.nodeland.dev/archive/my-thoughts-on-bun/
#bun
As the creator of Fastify and a Node.js TSC member, it’s interesting to see what Matteo thinks of alternative runtime Bun. - https://adventures.nodeland.dev/archive/my-thoughts-on-bun/
#bun
adventures.nodeland.dev
My thoughts on Bun and other Adventures
Bun 1.0 release, Node.js performance, and released videos on OpenMeter and EventEmitter anti-pattern.
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.
Type safe CSS design systems with @property
Adam Argyle explains how to use @propety to create smarter and more stable design systems. - https://nerdy.dev/cant-break-this-design-system
#css
Adam Argyle explains how to use @propety to create smarter and more stable design systems. - https://nerdy.dev/cant-break-this-design-system
#css
nerdy.dev
Type safe CSS design systems with @property · September 1, 2023
Fail safe, reliable, & deeply nestable.
Micro Frontend Architecture: An In-Depth Look And Application Examples
Micro Frontend is an architectural approach that splits the application into separate projects. - https://medium.com/@furkanemmezoglu/micro-frontend-architecture-an-in-depth-look-and-application-examples-a64eaed3153
#microfrontend
Micro Frontend is an architectural approach that splits the application into separate projects. - https://medium.com/@furkanemmezoglu/micro-frontend-architecture-an-in-depth-look-and-application-examples-a64eaed3153
#microfrontend
Medium
Micro Frontend Architecture:
An In-Depth Look And Application Examples
An In-Depth Look And Application Examples
Micro Frontend is an architectural approach that splits the application into separate projects.
Securing Node Apps by Analyzing Real-World Command Injection Examples
If there’s a vulnerability in an npm package, there’s a bad actor looking to take advantage of it. A particularly nasty vulnerability is when code can be manipulated to run unintended and arbitrary commands. - https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples
#nodejs
If there’s a vulnerability in an npm package, there’s a bad actor looking to take advantage of it. A particularly nasty vulnerability is when code can be manipulated to run unintended and arbitrary commands. - https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples
#nodejs
NodeJS Security & NodeJS Secure Coding
Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples
This article explores real-world command injection vulnerabilities that have impacted popular applications, emphasizing the need for secure coding practices. We take you through the background of Node.js and its vast user base, setting the stage for understanding…
The Simplest Example to Understand Server Actions in Next.js - https://scastiel.dev/simplest-example-server-actions-nextjs
#react
#react
scastiel.dev
The simplest example to understand Server Actions in Next.js
Server Actions are a new feature in Next.js. The first time I heard about them, they didn’t seem very intuitive to me. Now that I’m a bit more used to them, let me contribute to making them easier to understand.