Extra CSS Trick! 🚀 Use scroll-padding-inline with some calc on the track to make the indicator click JS free 🤙 (See video 🎬) ul { scroll-behavior: smooth; scroll-padding-inline: calc( 50vw - (var(--card-width) * 0.5 ); } You could color those indicators as

CSS Tip 💡 Using CSS filters, we can easily create generic styles for button hover and active states 🤩👇

🚀 Day 2/100 Dove deeper into Docker today. Unraveled the mysteries of Docker's layer hierarchy, distinguishing between containers and images. Mastered commands that offer more control and insight. Eager to build upon this foundation. #100DaysOfCode #DockerDeepDive 🌟🛠️

🚀 Day 1/100 Explored Docker's shift from VMs to efficient containers. Created my first Dockerfile and used 'docker ps' to see it in action. Fascinated by how Docker streamlines development and deployment. Excited for more! #100DaysOfCode #DockerLearner #KubernetesBeginner 🌟🛠️

🚀 Day 0/100 Diving into Docker & Kubernetes! As a frontend dev, I'm expanding my horizons to master containerization and orchestration. Excited to start this journey of learning, growing, and deploying like a pro! 🌟 #100DaysOfCode #DevJourney #Docker #Kubernetes

Top 5 common ways to improve API performance. Result Pagination: This method is used to optimize large result sets by streaming them back to the client, enhancing service responsiveness and user experience. Asynchronous Logging: This approach involves sending logs to a

❌ Avoid prop-drilling your components to extend them in React. ✅ Instead use composition

@traversymedia a chrome extension using React, CRXJs and Vite. I've duct-taped a few together with the limited content that's out there, but could really use a Traversy walk-through!

@traversymedia The hot new talk on the town is companies replacing Typescript with JSDoc. You could do a video on that and how to refactor existing projects.

One of the nicest things to happen in 2023 is React.FC got completely fixed. - No more implicit 'children' prop - No more errors when you return number, string, undefined It's not quite as concise as just declaring the props inline. But it's fine.

In SvelteKit you might reach for `onMount` to use third-party libraries in the browser context because components run on the server and client — instead use reusable Svelte actions that don't run on the server but only when an element is created. 🔥

Do you know all beans that you have in your context? @springboot

CSS Tip! ⚡️ You could use CSS trig functions to calculate animation-delay 🤓 Using them here with custom props for this DNA strand! 👩‍🔬 .node { animation-delay: calc( sin((var(--index) / var(--total)) * 45deg) 👈 * var(--speed) * -1s ); } @CodePen link below! 👇

NEXT 13 IS FIRE

TypeScript Turns Ten Today! 🎂🥳 We're humbled and grateful for our community and all that you've done! We wouldn't be here without you, and you've made these past 10 years amazing! https://t.co/m29N1VxhhR