Understand Microfrontends: Microservices for the Frontend with Next JS Demo
Let's see how it all started and how it's going these days … - https://medium.com/tkssharma/understand-microfrontends-microservices-for-the-frontend-with-next-js-demo-32c84f19b503
#microfrontends
Let's see how it all started and how it's going these days … - https://medium.com/tkssharma/understand-microfrontends-microservices-for-the-frontend-with-next-js-demo-32c84f19b503
#microfrontends
Medium
Understand Microfrontends: Microservices for the Frontend with Next JS Demo
Let's see how it all started and how it's going these days …
👍6🔥1
What’s next for Server Side Rendering in Angular
In May of 2022, we shared Angular’s vision for the future, where we committed to investing in server side…
- https://blog.angular.io/whats-next-for-server-side-rendering-in-angular-2a6f27662b67
#angular
In May of 2022, we shared Angular’s vision for the future, where we committed to investing in server side…
- https://blog.angular.io/whats-next-for-server-side-rendering-in-angular-2a6f27662b67
#angular
Medium
What’s next for Server Side Rendering in Angular
In May of 2022, we shared Angular’s vision for the future, where we committed to investing in server side rendering and hydration. Angular…
👍6🔥2
Why I Stopped Using Next.js and Chose Astro Instead - https://www.youtube.com/watch?v=BoeZqPaYw9s
#nextjs #react
#nextjs #react
YouTube
Why I STOPPED Using Next.js And Chose Astro Instead
Next.js was not the best option for my personal site. I decided to choose Astro because it handles working with markdown, code highlighting, pagination, and so much more so much easier.
Full Astro Course - https://astrocourse.dev/
**DISCORD**
Join the…
Full Astro Course - https://astrocourse.dev/
**DISCORD**
Join the…
👍4👎3
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Bramus Van Damme shows how to selectively style an element based on it being scrollable or not. - https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not
#css
Bramus Van Damme shows how to selectively style an element based on it being scrollable or not. - https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not
#css
Bram.us
Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not
Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.
👍5
What's Next for JavaScript: New Features to Look Forward to
A reassuring and high level look at just what goes into making JavaScript better over time, along with some of the new things about to appear or still making their way through the arduous TC39 process. - https://thenewstack.io/whats-next-for-javascript-new-features-to-look-forward-to/
#javascript
A reassuring and high level look at just what goes into making JavaScript better over time, along with some of the new things about to appear or still making their way through the arduous TC39 process. - https://thenewstack.io/whats-next-for-javascript-new-features-to-look-forward-to/
#javascript
The New Stack
What’s Next for JavaScript: New Features to Look Forward to
Useful types and modern tools to make internationalizing your sites and web apps easier, plus hints at what might come later for JavaScript.
👍6
State of HTML 2023
This year, Lea Verou took on the formidable task of leading the design of a brand-new State of HTML survey, from content to UX and beyond. Take the survey and help us shape the evolution of the web platform. - https://survey.devographics.com/en-US/survey/state-of-html/2023
#survey
This year, Lea Verou took on the formidable task of leading the design of a brand-new State of HTML survey, from content to UX and beyond. Take the survey and help us shape the evolution of the web platform. - https://survey.devographics.com/en-US/survey/state-of-html/2023
#survey
State of HTML 2023
Take the State of HTML survey
👍6🔥2
Techniques for Sharing Data between Vue.js Components
In this article, you’ll learn about the various techniques data is shared between Vue.js components.
Props, Emits, Slots, Stores as well as Provide and Inject - https://vueschool.io/articles/vuejs-tutorials/techniques-for-sharing-data-between-vue-js-components
#vue
In this article, you’ll learn about the various techniques data is shared between Vue.js components.
Props, Emits, Slots, Stores as well as Provide and Inject - https://vueschool.io/articles/vuejs-tutorials/techniques-for-sharing-data-between-vue-js-components
#vue
vueschool.io
Techniques for Sharing Data between Vue.js Components - Vue School Articles
Learn all techniques to share data between Vue.js components. Discover how to pass data with props in Vue for smooth component communication.
👍4🔥3
Token Based Authentication with JWTs in Fastify
Learn how to build secure authentication systems with Fastify, JWT, and TypeScript with this guide. - https://thatarif.in/posts/token-based-authentication-with-fastify-jwt
#nodejs
Learn how to build secure authentication systems with Fastify, JWT, and TypeScript with this guide. - https://thatarif.in/posts/token-based-authentication-with-fastify-jwt
#nodejs
thatarif.in
Token based authentication with Fastify, JWT, and Typescript
Learn to build secure authentication systems with Fastify, JWT, and TypeScript in this comprehensive guide.
👍6
Revealing Images With CSS Mask Animations
Temani Afif demonstrates how CSS masks combined with gradients allow you to create fancy hover effects on images — with efficient, reusable code. - https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations
#css
Temani Afif demonstrates how CSS masks combined with gradients allow you to create fancy hover effects on images — with efficient, reusable code. - https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations
#css
Smashing Magazine
Revealing Images With CSS Mask Animations — Smashing Magazine
Let’s play with images and experiment with CSS masks. The idea is fairly simple: take a single `` tag and harness the power of CSS to accomplish complex hover transitions. Through different demos, you will see how CSS masks combined with gradients allow us…
👍8🔥1
tRPC + Next.js App Router = Simple Typesafe APIs - https://www.youtube.com/watch?v=qCLV0Iaq9zU
#react #nextjs
#react #nextjs
YouTube
tRPC + NextJS App Router = Simple Typesafe APIs
👉 Upcoming NextJS course: https://pronextjs.dev
👉 Code : https://github.com/jherr/trpc-on-the-app-router
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code…
👉 Code : https://github.com/jherr/trpc-on-the-app-router
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code…
👍6😁1
Standalone Angular & Nx
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new… - https://medium.com/ngconf/standalone-angular-nx-414882d8d787
#angular
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new… - https://medium.com/ngconf/standalone-angular-nx-414882d8d787
#angular
Medium
Standalone Angular & Nx
Standalone components, directives, and pipes are the future of Angular. Luckily, Nx works great with the new paradigm.
👍8🔥2
6 Patterns for Microfrontends
An overview of microfrontend patterns: advantages, drawbacks and implementation. - https://blog.bitsrc.io/6-patterns-for-microfrontends-347ae0017ec0
#microfrontends
An overview of microfrontend patterns: advantages, drawbacks and implementation. - https://blog.bitsrc.io/6-patterns-for-microfrontends-347ae0017ec0
#microfrontends
Medium
6 Patterns for Microfrontends
An overview of microfrontend patterns: advantages, drawbacks and implementation.
👍3
Why the Temporal API is Awesome
It’s still sat in stage 3 as a proposal, but the Temporal API aims to work around a lot of Date’s limitations without needing to rely on third-party libraries. - https://taro.codes/posts/2023-08-23-temporal-api/
#nodejs
It’s still sat in stage 3 as a proposal, but the Temporal API aims to work around a lot of Date’s limitations without needing to rely on third-party libraries. - https://taro.codes/posts/2023-08-23-temporal-api/
#nodejs
👍4
Official Nuxt Module for TresJS is released
TresJs let's you build 3D scene as they were Vue components.
You don't need to import the components or composables from the TresJS ecosystem anymore, they will be auto-imported for you. - https://tresjs.org/blog/announcing-tres-nuxt-module.html
#vue
TresJs let's you build 3D scene as they were Vue components.
You don't need to import the components or composables from the TresJS ecosystem anymore, they will be auto-imported for you. - https://tresjs.org/blog/announcing-tres-nuxt-module.html
#vue
👍5🔥1
Making Sense of React Server Components
React Server Components have attracted a lot of attention this year, with Dan Abramov even creating a somewhat technical ‘let’s reimplement RSCs from scratch’ guide to hammer the concepts home. This post, however, demystifies what RSCs are, why they matter, and the opportunities they’re opening up, in an easy to follow way. - https://www.joshwcomeau.com/react/server-components/
#react
React Server Components have attracted a lot of attention this year, with Dan Abramov even creating a somewhat technical ‘let’s reimplement RSCs from scratch’ guide to hammer the concepts home. This post, however, demystifies what RSCs are, why they matter, and the opportunities they’re opening up, in an easy to follow way. - https://www.joshwcomeau.com/react/server-components/
#react
Joshwcomeau
Making Sense of React Server Components • Josh W. Comeau
This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React community.…
👍3🔥3❤2👏1
A quick introduction to CSS @scope
Bramus Van Damme gives a nice introduction to @scope, a way to scope the reach of your CSS selectors. - https://www.bram.us/2023/08/22/a-quick-introduction-to-css-scope
#css
Bramus Van Damme gives a nice introduction to @scope, a way to scope the reach of your CSS selectors. - https://www.bram.us/2023/08/22/a-quick-introduction-to-css-scope
#css
Bram.us
A quick introduction to CSS @scope
An introductory thread to CSS @scope.
👍3🔥3
In Defence of DOMContentLoaded
A solid explainer on measuring browser events and the use cases for DOMContentLoaded (and related events) in particular. "The DOMContentLoaded event fires once all of your deferred JavaScript has finished running." - https://csswizardry.com/2023/07/in-defence-of-domcontentloaded/
#javascript
A solid explainer on measuring browser events and the use cases for DOMContentLoaded (and related events) in particular. "The DOMContentLoaded event fires once all of your deferred JavaScript has finished running." - https://csswizardry.com/2023/07/in-defence-of-domcontentloaded/
#javascript
Csswizardry
In Defence of DOMContentLoaded – CSS Wizardry
Is there any reason to still measure the DOMContentLoaded event? Perhaps…
👍5🔥1
Setting up Module Federation with Server-Side Rendering for Angular
Module Federation is a technology provided by Webpack that enables modules to be federated across different… - https://blog.nrwl.io/setting-up-module-federation-with-server-side-rendering-for-angular-66bae10ead2d
#angular
Module Federation is a technology provided by Webpack that enables modules to be federated across different… - https://blog.nrwl.io/setting-up-module-federation-with-server-side-rendering-for-angular-66bae10ead2d
#angular
Medium
Setting up Module Federation with Server-Side Rendering for Angular
Module Federation is a technology provided by Webpack that enables modules to be federated across different origins at runtime. This means…
👍6
Using JSX with Vue.js
Love it or hate it, JSX is a popular extension to JavaScript that allows XML tokens in your scripts. If you want to create templates in your script files and you find Vue’s render() function to be difficult to work with, JSX may be just what you need. Explore the basics of using JSX in building your Vue.js components in this Blogpost. - https://medium.com/js-dojo/using-jsx-with-vue-js-846f4fbbf07f
#vue
Love it or hate it, JSX is a popular extension to JavaScript that allows XML tokens in your scripts. If you want to create templates in your script files and you find Vue’s render() function to be difficult to work with, JSX may be just what you need. Explore the basics of using JSX in building your Vue.js components in this Blogpost. - https://medium.com/js-dojo/using-jsx-with-vue-js-846f4fbbf07f
#vue
Medium
Using JSX with Vue.js
If you want to create templates in your script files and you find Vue’s render() function to be difficult to work with, JSX may be just…
👍3👎1🔥1🙊1
Why to Build Test Data Factories with Prisma - https://spin.atomicobject.com/2023/09/20/data-factories-prisma/
#nodejs
#nodejs
Atomic Spin
Build Test Data Factories with Prisma
Why bother with data factories when you can just add whatever data you want in your tests? Creating data on the spot has a few drawbacks.
👍3🔥1