Mastering React: Techniques to Take Your UI to the Next Level
A thorough, iterative tutorial which takes a given feature—in this case, a navigation bar—from the designer’s Figma diagram to finished, production-ready component. - https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f
#react
A thorough, iterative tutorial which takes a given feature—in this case, a navigation bar—from the designer’s Figma diagram to finished, production-ready component. - https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f
#react
👍7
Building and Dockerizing a Node App with Stateless Architecture
Then deploying it on the Kinsta platform. - https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/
#nodejs
Then deploying it on the Kinsta platform. - https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/
#nodejs
Smashing Magazine
Building And Dockerizing A Node.js App With Stateless Architecture With Help From Kinsta — Smashing Magazine
Dockerizing your Node.js apps can lead to smashing success—offering consistency, easy debugging, and hassle-free dependency management. When you host this container on Kinsta, you also benefit from high-speed performance, robust security, and top-notch scalability.…
👍7❤2
7 Practical CSS Typography Tips & Tricks
Handy hands-on tips to improve your CSS Typography, explaining in detail how to implement fluid typography using clamp(), adjust letter spacing, set optimal and balanced line lengths, style link underlines, improve unordered list styling with emoji bullets, and use Color Fonts. - https://www.youtube.com/watch?v=d1QOiBRID2E
#css
Handy hands-on tips to improve your CSS Typography, explaining in detail how to implement fluid typography using clamp(), adjust letter spacing, set optimal and balanced line lengths, style link underlines, improve unordered list styling with emoji bullets, and use Color Fonts. - https://www.youtube.com/watch?v=d1QOiBRID2E
#css
YouTube
7 Practical CSS Typography Tips & Tricks
Handy hands-on tips to improve your CSS Typography, explaining in detail how to implement fluid typography using clamp(), adjust letter spacing, set optimal and balanced line lengths, style link underlines, improve unordered list styling with emoji bullets…
👍3
How to force a Vue component to re-render
Vue.js updates the DOM whenever the JavaScript state changes. However, in certain scenarios, this approach isn’t sufficient, and we need to re-render individual components. In this article, review some best practices to efficiently re-render Vue components to avoid reloading the entire page. The following four basic practices apply to both Vue 2 and Vue 3. - https://blog.logrocket.com/force-vue-component-re-render/
#vue
Vue.js updates the DOM whenever the JavaScript state changes. However, in certain scenarios, this approach isn’t sufficient, and we need to re-render individual components. In this article, review some best practices to efficiently re-render Vue components to avoid reloading the entire page. The following four basic practices apply to both Vue 2 and Vue 3. - https://blog.logrocket.com/force-vue-component-re-render/
#vue
LogRocket Blog
How to correctly force a Vue component to re-render - LogRocket Blog
In certain scenarios, Vue's reactivity approach isn’t sufficient, and we need to re-render individual components.
👍6❤1
36 Questions to Ask Your Future Employer After the Interview
Congrats on nailing that interview! You’ve prepared hard and aced all the questions. You can relax now. - https://semaphoreci.medium.com/36-questions-to-ask-your-future-employer-after-the-interview-d4db1c9659f3
#interview
Congrats on nailing that interview! You’ve prepared hard and aced all the questions. You can relax now. - https://semaphoreci.medium.com/36-questions-to-ask-your-future-employer-after-the-interview-d4db1c9659f3
#interview
Medium
36 Questions to Ask Your Future Employer After the Interview
Congrats on nailing that interview! You’ve prepared hard and aced all the questions. You can relax now.
❤5👍2
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
Ninja Army (Joschi)
GSAP in Nuxt3
Learn how to use GSAP in Nuxt3 to supercharge your web animations. Discover the powerful features of GSAP and the modern development experience of Nuxt3..
👍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
New to Fastify? See why it's faster than Express, how to install it, and how to create your first routes, plugins, and JSON schema validation.
👍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