Refactoring Junior React Code to Clean Code - SOLID
📚 Learn to write cleaner React code with the new SOLID React book:
https://solidreact.dev
Explain how to properly refactor your legacy Junior React code to follow clean-code SOLID principles. We'll go through an old Button component I wrote back in 2020 that was very ugly and bad.
🎉Our Newsletter is live! Join thousands of other developers
https://islemmaboud.com/join-newsletter
⭐ Timestamps ⭐
00:00 Intro
01:39 Understanding our old code
05:17 Refactoring code
06:37 Refactoring component logic
14:02 From vanilla CSS to Tailwind
28:33 Cleaning up props
30:05 New component demo
🎥 Watch This is the Only Right Way to Write React clean-code - SOLID
• This is the Only Right Way to Write R...
-- Special Links
✨ Join Figma for Free and start designing now!
https://psxid.figma.com/69wr7zzb1mxm
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
https://psxid.figma.com/ucwkx28d18fo-...
⚡️ S.O.L.I.D Principles implementation in React ✨
https://github.com/ipenywis/react-solid
📕S.O.L.I.D blogs get a better grasp on the principles
/ the-s-o-l-i-d-principles-in-pictures
-- Special Links
✨ Join Figma for Free and start designing now!
https://psxid.figma.com/69wr7zzb1mxm
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
https://psxid.figma.com/ucwkx28d18fo-...
-- Watch More Videos
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register API Server w/ Au...
🧭 Turn Design into React Code | From prototype to Full website in no time
• Turn Design into React Code | From pr...
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor Website in 1 hour...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React Login/Register ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like a Pro | Master ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro w/ Redux, Types...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
• Debug React Apps Like a Pro | Master ...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQL with Apollo a...
🐦 Follow me on Twitter: / ipenywis
💻 Github Profile: https://github.com/ipenywis
Made with 💗 by Coderone
Смотрите видео Refactoring Junior React Code to Clean Code - SOLID онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь CoderOne 12 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 9,393 раз и оно понравилось 330 людям.