GutsCoder @CoderGuts

Mid-senior Frontend developper/ UI Designer #1OODaysOfCoding Joined July 2022

Tweets

24
Followers

39
Following

374
Likes

42

jhey ʕ•ᴥ•ʔ @jh3yy

2 years ago

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…

jhey ʕ•ᴥ•ʔ @jh3yy

2 years ago

35 416 4K 569K 4K

Download Video

6 160 1K 95K 776

Download Video

Shripal Soni @codewithshripal

2 years ago

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

3 35 149 6K 75

Download Video

GutsCoder @CoderGuts

2 years ago

🚀 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 🌟🛠️

0 0 0 11 0

GutsCoder @CoderGuts

2 years ago

🚀 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 🌟🛠️

0 0 0 13 0

GutsCoder @CoderGuts

2 years ago

🚀 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

0 0 1 16 0

Alex Xu @alexxubyte

2 years ago

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…

20 489 2K 116K 1K

Download Gif

George Moller @_georgemoller

2 years ago

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

12 105 786 59K 457

Download Video

Joe Webber @joewebber_

2 years ago

@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!

1 1 17 2K 0

Rob @RobMin74

2 years ago

@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.

1 1 8 1K 0

Matt Pocock @mattpocockuk

2 years ago

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.

17 21 327 36K 74

Download Image

matia 🇭🇷 @joyofcodedev

3 years ago

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. 🔥

7 18 173 22K 46

Download Image

Juan Antonio Breña 🇪🇸🇪🇺 @juanantoniobm

3 years ago

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

9 29 201 18K 72

Download Image

jhey ʕ•ᴥ•ʔ @jh3yy

3 years ago

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! 👇

35 234 2K 182K 587

Download Video

GutsCoder @CoderGuts

3 years ago

NEXT 13 IS FIRE

0 0 0 0 0

TypeScript @typescript

3 years ago

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! devblogs.microsoft.com/typescript/ten…