Make API Calls the Right Way in Angular
Best practices for making your API calls - https://betterprogramming.pub/angular-api-calls-the-right-way-264198bf2c64
#angular
Best practices for making your API calls - https://betterprogramming.pub/angular-api-calls-the-right-way-264198bf2c64
#angular
Medium
Make API Calls the Right Way in Angular
Best practices for making your API calls
👍5❤1👎1
Microservices with NodeJS using NestJS
NestJS is a NodeJS framework suitable for building efficient, scalable Node.js server-side… - https://medium.com/@dime.jordanov/microservices-with-nodejs-using-nestjs-537053572a73
#nodejs
NestJS is a NodeJS framework suitable for building efficient, scalable Node.js server-side… - https://medium.com/@dime.jordanov/microservices-with-nodejs-using-nestjs-537053572a73
#nodejs
Medium
Microservices with NodeJS using NestJS
Nest (NestJS) is a NodeJS framework suitable for building efficient, scalable Node.js server-side applications. Nest offers a good…
❤8👍2😢1
Awesome React: Almost 500 Curated React Projects and Resources
A frequently updated and in-depth collection of articles and resources relating to the React ecosystem. - https://github.com/enaqx/awesome-react
#react
A frequently updated and in-depth collection of articles and resources relating to the React ecosystem. - https://github.com/enaqx/awesome-react
#react
GitHub
GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem
A collection of awesome things regarding React ecosystem - enaqx/awesome-react
👍8
Future CSS: Anchor Positioning
Roman Komarov explains how the anchor positioning (currently available under an experimental flag in Chrome Canary) augments absolute positioning by allowing you to use the positions and dimensions of elements other than the element’s usual positioning context. - https://kizu.dev/anchor-positioning-experiments/
#css
Roman Komarov explains how the anchor positioning (currently available under an experimental flag in Chrome Canary) augments absolute positioning by allowing you to use the positions and dimensions of elements other than the element’s usual positioning context. - https://kizu.dev/anchor-positioning-experiments/
#css
kizu.dev
Future CSS: Anchor Positioning
Anchor positioning might be one of the most exciting features coming to CSS. It is currently available under an experimental flag in Chrome Canary, and after playing with it for a bit, I couldn’t stop myself from sharing what I found. In this article, I will…
👍5
Revuelution: Using GSAP with Nuxt3
Animations have become an integral part of modern web design. They add life to the website and make it more engaging for the user. GSAP (GreenSock Animation Platform) is a powerful animation library that can be used to create complex and creative animations on the web. In this blog post, we'll explore how you can use GSAP in Nuxt3 to create stunning animations. - https://ninja-army.hashnode.dev/revuelution-using-gsap-with-nuxt3
#vue
Animations have become an integral part of modern web design. They add life to the website and make it more engaging for the user. GSAP (GreenSock Animation Platform) is a powerful animation library that can be used to create complex and creative animations on the web. In this blog post, we'll explore how you can use GSAP in Nuxt3 to create stunning animations. - https://ninja-army.hashnode.dev/revuelution-using-gsap-with-nuxt3
#vue
👍4
Advanced TypeScript With Code Challenges: Mapped Types
Learn advanced TypeScript features and apply them to practical code exercises. - https://javascript.plainenglish.io/advanced-typescript-with-code-challenges-mapped-types-6825c7fc984a
#typescript
Learn advanced TypeScript features and apply them to practical code exercises. - https://javascript.plainenglish.io/advanced-typescript-with-code-challenges-mapped-types-6825c7fc984a
#typescript
Medium
Advanced TypeScript With Code Challenges: Mapped Types
Learn advanced TypeScript features and apply them to practical code exercises.
👍7❤1
Using Different Layout Frames For Different Routes In Angular
Login page has no header while the home page does. Admin page has sidebar. How do you do that in Angular? - https://javascript.plainenglish.io/using-different-layout-frames-for-different-routes-in-angular-d96ed096c633
#angular
Login page has no header while the home page does. Admin page has sidebar. How do you do that in Angular? - https://javascript.plainenglish.io/using-different-layout-frames-for-different-routes-in-angular-d96ed096c633
#angular
Medium
Using Different Layout Frames For Different Routes In Angular
Login page has no header while the home page does. Admin page has sidebar. How do you do that in Angular?
👍5
Building a Blog with Next.js 13 and React Server Components
Some might say that building a simple blog with tools of this calibre is overkill. However, an easily understood case study as a basis for learning is still a useful exercise. - https://maxleiter.com/blog/build-a-blog-with-nextjs-13
#react
Some might say that building a simple blog with tools of this calibre is overkill. However, an easily understood case study as a basis for learning is still a useful exercise. - https://maxleiter.com/blog/build-a-blog-with-nextjs-13
#react
Max Leiter's website
Max Leiter
Use MDX, RSC, and Bright to build a blog with Next.js 15.
👍8
Getting Started with Fastify for Node.js - https://blog.appsignal.com/2023/04/26/getting-started-with-fastify-for-nodejs.html
#nodejs
#nodejs
Appsignal
Getting Started with Fastify for Node.js | AppSignal Blog
In this first part of a three-part series, we'll explore some key concepts and benefits of Fastify.
👍5
First look at Nuxt DevTools
In this article, go through the main features of Nuxt DevTools which was unveiled a couple of days ago. We will be enabling it on the Nuxt Movie App project which we created in a previous article. - https://blog.alexandergekov.com/first-look-at-nuxt-devtools
#vue
In this article, go through the main features of Nuxt DevTools which was unveiled a couple of days ago. We will be enabling it on the Nuxt Movie App project which we created in a previous article. - https://blog.alexandergekov.com/first-look-at-nuxt-devtools
#vue
Alexander Gekov
First look at Nuxt DevTools
One of the highlights of the Vue.js Amsterdam conference was the reveal of Nuxt DevTools, a new tool aimed at improving the developer experience in Nuxt.
👍7
Rebuilding a featured news section with modern CSS: Vox news
Ahmad Shadeed rethinks how to build the featured news section on Vox.com and explores if modern CSS can be helpful for that. - https://ishadeed.com/article/rebuild-featured-news-modern-css
#css
Ahmad Shadeed rethinks how to build the featured news section on Vox.com and explores if modern CSS can be helpful for that. - https://ishadeed.com/article/rebuild-featured-news-modern-css
#css
Ishadeed
Rebuilding a featured news section with modern CSS: Vox news
Rebuilding Vox News featured section with modern CSS.
👍5❤1
In Praise of Vite
“The single best feature of Vite, as far as I’m concerned, is its simplicity. Compared to the nightmare of configuring WebPack and Babel? Vite is delightfully easy to use.” - https://cloudfour.com/thinks/in-praise-of-vite/
#vite
“The single best feature of Vite, as far as I’m concerned, is its simplicity. Compared to the nightmare of configuring WebPack and Babel? Vite is delightfully easy to use.” - https://cloudfour.com/thinks/in-praise-of-vite/
#vite
Cloud Four
In Praise of Vite
The single best feature of Vite, as far as I’m concerned, is its simplicity. Compared to the nightmare of configuring WebPack and Babel? Vite is delightfully easy to use.
👍7👎1
Must-Know React Portability Patterns
Incorporating these patterns helps avoid “meta-framework lock-in” should your choice of tools take an evolutionary turn you don’t like.. - https://www.youtube.com/watch?v=yi8UCnXPu8U
#react
Incorporating these patterns helps avoid “meta-framework lock-in” should your choice of tools take an evolutionary turn you don’t like.. - https://www.youtube.com/watch?v=yi8UCnXPu8U
#react
YouTube
Must Know React Portability Patterns
Learn to architect React apps that work across NextJS, Vite, etc. while still accessing the advantages of those platforms. To try everything Brilliant has to offer—free—for a full 30 days, visit http://brilliant.org/JackHerrington/ . The first 200 of you…
👍5
Angular directive composition
Let’s take a look at one of the most awaited Angular features - https://kevinkreuzer.medium.com/angular-directive-composition-e7d9f789323
#angular
Let’s take a look at one of the most awaited Angular features - https://kevinkreuzer.medium.com/angular-directive-composition-e7d9f789323
#angular
Medium
Angular directive composition
Let’s take a look at one of the most awaited Angular features
👍5👏1
CSS Custom Properties Beyond the :root
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott – User Experience Designer
CSS Custom Properties Beyond the :root · Matthias Ott
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
👍6❤1
Vue Mastery: The smart way to add external scripts to your Vue app
In this tutorial, we will be creating a Vue component which can load any number of external scripts into our Vue app without blocking the smooth execution and rendering of our code, and emit events to notify us when each script has been downloaded. - https://leighola.hashnode.dev/vue-mastery-the-smart-way-to-add-external-scripts-to-your-vue-app
#vue
In this tutorial, we will be creating a Vue component which can load any number of external scripts into our Vue app without blocking the smooth execution and rendering of our code, and emit events to notify us when each script has been downloaded. - https://leighola.hashnode.dev/vue-mastery-the-smart-way-to-add-external-scripts-to-your-vue-app
#vue
👍6
Turbopack: Is Vercel's newest toy better than Vite?
Vercel just introduced Turbopack, an incremental bundler optimized for JS. But what is Turbopack? And is it… - https://blog.bitsrc.io/turbopack-is-vercels-newest-toy-better-than-vite-32abcf95ee43
#turbopack
Vercel just introduced Turbopack, an incremental bundler optimized for JS. But what is Turbopack? And is it… - https://blog.bitsrc.io/turbopack-is-vercels-newest-toy-better-than-vite-32abcf95ee43
#turbopack
Medium
Turbopack: Is Vercel's newest toy better than Vite?
Vercel just introduced Turbopack, an incremental bundler optimized for JS. But what is Turbopack? And is it the successor to Webpack?
👍4❤3
Advanced Multistep Forms with React Hook Form - https://claritydev.net/blog/advanced-multistep-forms-with-react
#react
#react
claritydev.net
Advanced Multistep Forms with React Hook Form
In a previous post, we built a basic multistep registration form using React and React Hook Form. In this article, we'll expand upon that foundation by implementing improvements, such as enabling data saving during step navigation and enhancing the visual…
👍7
CSS Logical Properties: A good use case
Wes Bos shares a practical use case for CSS Logical Properties. - https://www.youtube.com/watch?v=IS698Tc5M7Q
#css
Wes Bos shares a practical use case for CSS Logical Properties. - https://www.youtube.com/watch?v=IS698Tc5M7Q
#css
YouTube
CSS Logical Properties: A good use case
CSS logical properties specifies width/height/padding/border/etc using inline + block instead of top + bottom.
But where is that actually useful?
Heres a good example I just ran into with writing-mode: vertical-rl;
But where is that actually useful?
Heres a good example I just ran into with writing-mode: vertical-rl;
👍6