Your App architecture with Client & Server Components

Only if you want to become a Senior Engineer 👇

🍿 Did you know this about Caching in Next.js?

🍿 The ONLY TypeScript validation runtime library you'll need 🪄💫

They did it again with Next.js 14

Where should you focus on?

The Tech Lead vs Engineering Manager Dilemma

The right mindset to have as a Leader

🍿 The mystery of Memoization in React

Your Playbook for Scoping Technical Work

Some reflection questions for you

[🍿 Frontend Snacks] Level up your skills with our community

When should you let go someone? 😅

[🍿 Frontend Snacks] Tailwind Gradients and Grab your free E-book ✨

Do you know how to build influence in your org

Frontend Snacks: AI writes a poem & Grab your FREE React Native Roadmap

Context and React Server Component are not friends 😳 & a FREE Coaching Call

<div><p>Hey friend,</p><p>Will I see you in Utah or in Brussels? I&#x27;m giving a talk at <a href="https://www.reactrally.com/" target="_blank" rel="noopener noreferrer">React Rally</a> as well as <a href="https://twitter.com/BrusselsReact/status/1673267378740772866" target="_blank" rel="noopener noreferrer">React Brussels</a> and if you are planning to come, I&#x27;d love to know. We can hang out IRL and that would be freaking cool! Reply and let me know if you do :)</p><p>If you want to come but need a discount code, let me know and I can share a discount code with you!</p><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:inline-block;max-width:250px;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/vV8CM2g2XYXRjxoapoAtg6" width="250" height="auto" style="border-top-left-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:250px;height:auto;object-fit:contain"/></div></figure></td></tr></tbody></table><p><strong>React Server components</strong> have been in a lot of controversy lately 😅. Do you know why? <a href="https://twitter.com/FredKSchott/status/1673342700651704330?s=20" target="_blank" rel="noopener noreferrer">Because many claim</a> that it is not ready for production.</p><p>I&#x27;ve also been working on updating my <a href="http://bit.ly/nextjs-udemy-ankita" target="_blank" rel="noopener noreferrer">Next.js course</a> over to Next.js latest stable version. Thanks to the Next.js team, they have worked on <a href="https://twitter.com/nextjs/status/1675929873720680459" target="_blank" rel="noopener noreferrer">improving the bugs and performance.</a>​</p><p>Remember, innovation can only happen with a bit of resistance. Even though the upgrade has not been a smooth road, we need to work together as a community.</p><p>Also, keep an eye out and <a href="https://www.youtube.com/@Kulkarniankita?sub_confirmation=1" target="_blank" rel="noopener noreferrer">subscribe to my Youtube channel</a> 🎥, where I am going to share how to successfully upgrade your app and also more fun stuff with React Server Components and Next.js.</p><h2>Our Weekly Snack: Server component cannot be a child of Client Component 🍿</h2><p>If you look into the Next.js docs, <a href="https://nextjs.org/docs/getting-started/react-essentials#recommended-pattern-passing-server-components-to-client-components-as-props" target="_blank" rel="noopener noreferrer">it is considered an anti-pattern</a> to pass Server component a child of Client component. But this is such a common pattern, isn&#x27;t it?</p><p>Imagine you have a blog and that blog renders a few blog posts with a bunch of Cards on top. Every Card component also has a Date component that formats the date. Now, the structure of it would look like this.</p><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:inline-block;max-width:800px;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/i7iEyRedzCtWBtJnM9kvJa" width="800" height="auto" style="border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:800px;height:auto;object-fit:contain"/></div><figcaption style="text-align:center;display:block">A list of Blog Posts</figcaption></figure></td></tr></tbody></table><p>We are wrapping the 2 cards inside another Server component called Card List.</p><p>But remember, Card is a Client component and Date is a Server component. So we can no longer just declare Date inside Card anymore i.e. a Server Component inside Client component.</p><p><strong>How can we achieve this then? Here&#x27;s how 👇</strong></p><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:inline-block;max-width:800px;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/5CaMhBJD8Zjg6g3BRBmvtW" width="800" height="auto" style="border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:800px;height:auto;object-fit:contain"/></div><figcaption style="text-align:center;display:block">CardList and Card component</figcaption></figure></td></tr></tbody></table><h2><strong>What&#x27;s next for me? I want to hear from you 👇</strong></h2><p>You probably know that I am an Educator, and I&#x27;m currently working on <a href="http://bit.ly/nextjs-udemy-ankita" target="_blank" rel="noopener noreferrer">updating my Next.js course</a> as well as doing the full launch of <a href="https://www.developertoleader.com/?utm_source=newsletter&utm_medium=footer" target="_blank" rel="noopener noreferrer">Developer to Leader</a>.</p><p>But what&#x27;s next? This is where you come in and can help me. Help me figure out my next offer! <a href="https://twitter.com/kulkarniankita9/status/1673778547024879620" target="_blank" rel="noopener noreferrer">Hop in here and let me know what you think!</a>​</p><h2>The Frontend Developers Toolbox 🧰</h2><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>ICYMI - <a href="https://www.theverge.com/2023/6/16/23763340/google-domains-sunset-sell-squarespace" target="_blank" rel="noopener noreferrer">Squarespace has announced acquiring Google domains</a> which means it is shutting down and here is what you need to do to move over</span></li><li class="list_item"><span>​<a href="https://chan.dev/adrs/" target="_blank" rel="noopener noreferrer">Michael Chan wrote a great article on What is ADR?</a> You need Architecture Decision Records for documenting important architecture decisions and keeping important decisions there.</span></li><li class="list_item"><span>​<a href="https://reactjam.com/?utm_source=frontendsnacks" target="_blank" rel="noopener noreferrer">ReactJam</a>: Design and develop innovative games within a limited timeframe.</span></li><li class="list_item"><span>​<a href="https://twitter.com/expo/status/1674146028243787776" target="_blank" rel="noopener noreferrer">Expo SDK 49 Beta is now available</a> This is your opportunity to help ensure that the new release does not introduce any regressions for their particular system and app configurations.</span></li><li class="list_item"><span>​<a href="React Native 0.72.0 is out!" target="_blank" rel="noopener noreferrer">React Native 0.72.0 is out</a>  The top requested feature Symlink support is finally here</span></li></ul><p>See you next week!</p></div>

Best Practices for React Server Components & Hot Frontend News 🔥

<div><p>Hey friend,</p><p>I had a deep discussion with a friend of mine. He felt scared about losing his job and thought layoffs were looming over us.</p><p>Even though he is doing well in his career, he is scared that he has no control over the layoffs. And this is something that I&#x27;m sure a lot of us can connect with.</p><p><strong>How can we feel better or not think about being scared by layoffs?</strong> There is no right or wrong answer here.</p><p>But I want to share the discussion I had with him.</p><p><strong>It is by not tying your identities to your job.</strong> Working in 9 to 5, we identify ourselves by our job, but there is so much to you. You have hobbies, you are probably fun, and you probably love many things that are not tied to your job. If you don&#x27;t, that is okay.</p><p>Even if you feel the pressure at work or your boss says something mean to you, don&#x27;t let that impact your life outside of 9 to 5 because it is just a job. But what&#x27;s more important is <em>who you are</em> outside of work.</p><p>Well, try to think of one or two things that you want to get identified by outside of work. Is there something that brings you joy but you haven&#x27;t really focused on? well, it&#x27;s time for you to start thinking about it.</p><p>Anyway, as I was prepping for the launch of <a href="https://www.developertoleader.com/?utm_source=newsletter&utm_medium=leadership" trigger-id="3815588" target="_blank" rel="noopener noreferrer">Developer to Leader</a> and wrote about the <strong>Common mistakes leaders make while delegating tasks</strong>. I had a lot of fun creating funny names to describe each mistake 😂.</p><p>It&#x27;s more fun to learn when you can remember and are having fun with it.</p><h2>We can divide the common mistakes while delegating into these fun characters so you can avoid being one.</h2><h2><strong>🦅 The Hovering Hawk</strong></h2><p>When a manager just can&#x27;t let go and micromanages every move. Constant interference can undermine their confidence and create unnecessary stress.</p><h2><strong>🥅 Mission Unclear</strong></h2><p>When the manager&#x27;s instructions are as vague as a riddle, leaving the team members playing detective trying to figure out what they’re supposed to do.</p><h2><strong>🦸🏽‍♀️ The Solo SuperHero</strong></h2><p>They expect team members to work like superheroes, saving the day without any support or resources.</p><h2><strong>🗼 The Jenga Tower Tactic</strong></h2><p>Piling tasks onto team members like they’re pack mules trekking across the Andes instead of distributing the load evenly, aka <strong>Overloading Individuals</strong></p><h2><strong>🐧 Penguin Pajama Problem</strong></h2><p>Suggests the discomfort of trying to make something fit where it doesn&#x27;t, like penguins trying to wear human pyjamas and not considering the skills and capabilities of team members when delegating.</p><h2><strong>🧿 The “See No Evil” Approach</strong></h2><p>Blissfully ignoring what’s going on with the delegated tasks until the storm hits. <strong>Regular check-ins are important to address any problems and provide guidance if needed.</strong></p><h2><strong>👻 Ghost Town Feedback</strong></h2><p>Where feedback and recognition are as scarce as tumbleweeds rolling through an abandoned ghost town, not providing feedback or acknowledging the effort and achievement of team members after task completion can demotivate and demoralize them.</p><h2><strong>🌊 The Deep End</strong></h2><p>They have thrown folks into the deep end of the water to speed up their learning and be their lifeguard. Instead, you need to be their coach.</p><h2><strong>🚒 The Delegation Firehose</strong></h2><p>Turning on the delegation hose to full blast and indiscriminately soaking everything, even tasks that should be kept close. Delegating tasks that should not be delegated</p><h2><strong>🥁 The One-Man Band Fallacy</strong></h2><p>Trying to play all the instruments in the band single-handedly by not delegating anything at all.</p><p>Which one are you? Have you repeated any of the above mistakes? Don&#x27;t worry if you did, as you are not alone.</p><h2><strong>This Week’s Action Step 👇</strong></h2><p>Try to identify who you are or reflect on which character you have been in the past. It is completely okay to be this person but work towards rectifying it.</p><h2><span style="color:#1700ff">🧰 The Engineering Leader&#x27;s Toolbox</span></h2><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>​<a href="https://www.youtube.com/playlist?list=PLdxiGiTC1t46zjoJRmeFvlrauEwsVLNso" target="_blank" rel="noopener noreferrer">Becoming an Engineering Manager Series</a>: My Youtube series will help you figure out if Engineering Leadership is right for you.</span></li><li class="list_item"><span><strong>Experiment before spending weeks on the build</strong>​<br/>​<a href="https://www.developertoleader.com/?utm_source=newsletter&utm_medium=leadership" target="_blank" rel="noopener noreferrer">In the Developer to Leader community</a>, we talked about experimentation and here is a good article to assess how you can roll in experimentation in your work and when to stop letting biases take control.</span></li><li class="list_item"><span>​<a href="https://medium.com/alan/how-our-engineering-teams-run-without-managers-5deef596d2f7" target="_blank" rel="noopener noreferrer">How Engineering Managers run teams without managers</a> a great article on how you can run teams without managers</span></li></ul><p>​</p><p>See you next week!</p></div>

 Avoid making these mistakes while delegating

<div><p>Hey friend,</p><p>It&#x27;s been 9 months since I made the decision to become an Online Educator. And boy, oh boy, it has been quite the ride!</p><p>Since then, I&#x27;ve learned many lessons. And the journey of an Entrepreneur or Solopreneur, in my case, has been quite the challenge. I love every bit of it. My ultimate goal is to create a portfolio of products I can be truly proud of.</p><p>Knowing who I want to serve is one of the core principles of running a business. <em>Who is your ideal client? What do they do? What are their goals?</em></p><p>But now that I have shipped <a href="https://www.developertoleader.com/?utm_source=newsletter&utm_medium=leadership" trigger-id="3815588" target="_blank" rel="noopener noreferrer">Developer to Leader</a> and preparing for full launch, I have been spinning my wheels on who I should serve next!</p><p><strong>But here is where you can help me; frankly, I need your help more than ever.</strong></p><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>What is your biggest headache growing as a Developer or an Engineering Leader?</span></li></ul><p>It would mean a lot to me if you could take a couple of minutes to hit reply and let me know your answers.</p><p>Onto this week&#x27;s Newsletter.</p><h2>🎯 How do you define a High-performing team?</h2><p>High Performing Teams are not a team of high performers. Let me tell you why.</p><p><strong>Let’s first understand what a high-performing team is</strong>. Many variables are at play depending on your company, team, department, etc. But I have found that a few characteristics of a high-performing team are common in any of the teams I have built.</p><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>They are goal-oriented</span></li><li class="list_item"><span>They are hyper-focused</span></li><li class="list_item"><span>They aren’t afraid to make mistakes</span></li><li class="list_item"><span>They celebrate wins</span></li><li class="list_item"><span>If they lose or make mistakes, they openly share their learnings.</span></li><li class="list_item"><span>And lastly, but most importantly, they also deliver outcomes, i.e. business results.</span></li></ul><p>So, High Performing Teams are not a team of high performers. High performers tend to cater to individual needs. If you put every high performer in one team, they might not thrive. But if you teach how to get a developer to become a high performer based on the characteristics I mentioned above, there is no stopping you.</p><p><strong>But I think psychological safety is a high-performing team’s foundational pillar.</strong></p><p>Psychological safety is the belief that it’s okay to make mistakes. It is okay because you won’t be penalized if you make them. It allows team members to feel safe while taking risks and be vulnerable in front of others.</p><p>As a leader, it is extremely important for you to create psychological safety for your team so everyone can openly make mistakes, share learnings, and grow together. I wrote about how you can <a href="https://kulkarniankita.com/leadership/create-a-culture-of-psychological-safety-in-engineering" target="_blank" rel="noopener noreferrer">create psychological safety in your team</a>.</p><p>Plus, in a few weeks, I am going to give a conference talk at <a href="https://www.refactorconf.com/?lang=en&utm_source=kulkarniankita.com&utm_medium=newsletter" target="_blank" rel="noopener noreferrer">Refactor Toronto</a> on <strong>Cultivating a Culture of Psychological Safety in Engineering. If you are in Toronto, come watch my talk! 💪</strong></p><p>I would like to pass it on to you now.</p><p><em>How would you define a high-performing team? Hit reply and let me know.</em></p><h2>👋 Last Word: Want a FREE course? </h2><p>I recently launched a course on <a href="https://www.udemy.com/course/engineering-leadership-build-a-rock-solid-foundation/?referralCode=0975F9A825010E9BF747" target="_blank" rel="noopener noreferrer">Udemy on Building Solid foundations as an Engineering Leader</a>.</p><p>This course covers 2 modules: How to Build a solid foundation as a Leader and How to craft your first 90 Days as you lead a Team.</p><p><strong>If you want this course for free, reply to this email.</strong></p><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>What is your biggest headache growing as a Developer or an Engineering Leader?</span></li></ul><p>This is the same question I asked at the beginning of this email. </p><p>Once you reply, I&#x27;ll send you a code that you can use to grab the course for free. Thanks for all the support you&#x27;ve given me to this point!</p><h2>🧰 The Engineering Leader&#x27;s Toolbox</h2><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>​<a href="https://www.youtube.com/playlist?list=PLdxiGiTC1t46zjoJRmeFvlrauEwsVLNso" target="_blank" rel="noopener noreferrer">Become an Engineering Manager Playlist</a> covering a range of topics on how to communicate, how to become a Leader, What I wish I knew before becoming a manager and lots more.</span></li><li class="list_item"><span>​<a href="https://kulkarniankita.com/leadership/anti-patterns-of-a-manager" target="_blank" rel="noopener noreferrer">Anti-patterns of being a Manager</a> You may be exhibiting some common anti-patterns, such as being too controlling or prioritizing personal relationships over constructive feedback. Check out what you should be avoiding.</span></li></ul><div>{% if subscriber.rh_reflink != blank %}<table style="width: 100%; margin-bottom: 10px;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="word-break: break-word; vertical-align: top; padding: 5px 0;"><table style="width: 100%; max-width: 550px; padding: 5px 0;" width="550" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><img src="https://dash.sparkloop.app/rails/active_storage/representations/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDVLIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--c0b3fb0a08ba1c53f7edcaf374bea80f52aa8987/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCam9MY21WemFYcGxTU0lPTmpBd1BuZzJNREErQmpvR1JWUT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--34db79a64dacf53e5c67131c1356ae91aef13871/rewards.png" style="text-decoration: none; height: auto; border: 0px; max-height: 250px; max-width: 100%;"></td></tr><tr><td align="center" style="padding: 25px 10px 10px;"><p style="padding: 0; margin: 0; font-size: 22px; color: #000000; line-height: 1.6; font-weight: bold;">SHARE THE NEWSLETTER, EARN PERKS 🤑</p></td></tr><tr><td align="center" style="padding: 0px 10px 15px;"><p style="padding: 0; margin:0; line-height: 1.2; font-size: 16px; color: #000000">Hey friend, if you enjoy reading this newsletter, feel free to share it with other friendly readers. And if they happen to like the newsletter and end up subscribing, I'll send you some exclusive rewards.<br><br>To share this Engineering Leadership Newsletter with your friend, you can either share your unique referral link or click any of the social sharing icons below:</p></td></tr><tr><td align="center" style="padding: 10px;"><p style="padding: 0; margin: 0; font-size: 16px; color: #464ba4; line-height: 1.2"><a style="color: #464ba4; text-decoration: underline;" href="{{subscriber.rh_reflink}}">{{subscriber.rh_reflink}}</a></p></td></tr><tr><td align="center" style="padding: 10px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0 10px 10px 0;"><a href="https://www.facebook.com/sharer.php?u={{subscriber.rh_reflink}}%3Futm_source%3Dfacebook" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/facebook.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Facebook">Facebook</a></td><td style="padding: 0 10px 10px 0;"><a href="https://twitter.com/intent/tweet?text=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Dtwitter" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/twitter.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Twitter">Twitter</a></td><td style="padding: 0 10px 10px 0;"><a href="https://api.whatsapp.com/send?text=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Dwhatsapp" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/whatsapp.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Whatsapp">Whatsapp</a></td><td style="padding: 0 10px 10px 0;"><a href="https://t.me/share/url?url=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Dtelegram" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/telegram.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Telegram">Telegram</a></td><td style="padding: 0 10px 10px 0;"><a href="https://www.linkedin.com/sharing/share-offsite/?url={{subscriber.rh_reflink}}%3Futm_source%3Dlinkedin" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/linkedin.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Linkedin">Linkedin</a></td><td style="padding: 0px 0px 10px;"><a href="mailto:?subject=Check%20this%20out&body=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Demail" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/email.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Email">Email</a></td></tr></table></td></tr><tr><td align="center" style="padding: 10px;"><p style="padding: 0; margin: 0; line-height: 1.2; font-size: 16px; color: #000000">PS: You have referred {{subscriber.rh_totref}} people so far</p></td></tr><tr><td align="center" style="padding: 10px;"><a style="font-size: 16px; line-height: 1.6; background-color: #5755eb; color: #ffffff; padding: 10px 20px; display: inline-block; border-radius: 5px; text-decoration: none;" href="https://hub.sparklp.co/{{subscriber.rh_subid}}/1"><span style="mso-text-raise:13pt;">See how many referrals you have</span></a></td></tr><tr></tr></table></td></tr></table>{% endif %}</div></div>

High-performing team is not a team of high-performers

<div><p>Hey friend,</p><p>I&#x27;ve successfully launched my course on helping <a href="https://www.developertoleader.com/?utm_source=newsletter&utm_medium=frontend" target="_blank" rel="noopener noreferrer">developers become Engineering Leaders</a>. The Early Access launch went beyond my expectations. </p><p>If you are currently interested in becoming an Engineering Leader or will be in the future, <strong>remember this course is there for you</strong>! 💪 This covers everything you need to <u>become a successful Engineering Leader.</u></p><h2>Engineering Leadership: Build Solid Foundations is now on Udemy 💖</h2><p>On the other hand, I&#x27;ve released the Foundation parts of the course to help you build a solid foundation on Udemy, too, so check it out. If you are not sure if y</p><h2><span style="font-size:18px">​</span><a href="https://www.udemy.com/course/engineering-leadership-build-a-rock-solid-foundation/?couponCode=632EF8D3085DBE715E04" target="_blank" rel="noopener noreferrer"><span style="font-size:18px"><span style="color:#de247b"><strong>Here is a coupon for you to get the course for $19.99 for the next 48 hours!</strong></span></span></a>​</h2><p><em>You can support me and the course by giving the course a 5⭐️ rating!</em></p><h2>Quick favour from you 🙌</h2><p><strong>I&#x27;m now back to focusing on yet another course.</strong> I have a few ideas, but I want to hear from you.</p><div style="padding:10px 20px;margin:0 0 20px;border-left-style:solid;border-left-width:5px;border-left-color:#e1e1e1" class="blockquotes"><div class="blockquotes-line"><strong><span style="font-size:18px">What is something you are excited to learn more about? What is something you are struggling with, and you wish a course existed for this?</span></strong></div></div><p><span style="font-size:18px">Hit reply and let me know, and I&#x27;ll get back to you!</span></p><h2><span style="font-size:16px">On another thought, I&#x27;ve been travelling for conference talks.</span></h2><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:inline-block;max-width:320px;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/nYEgSq1T5hUY4cynPnDSfH" width="320" height="auto" style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:320px;height:auto;object-fit:contain"/></div><figcaption style="text-align:center;display:block">Performance Myths of React Native Apps</figcaption></figure></td></tr></tbody></table><p><span style="font-size:16px">I gave a talk at many conferences this year and absolutely loved it 💖.</span></p><p><span style="font-size:16px">I have been to Reactathon in SF, California, App.js in Krakow, Poland and ChainReact in Portland, Oregon. I had a great time meeting amazing folks in the community, and I always left with a lot of energy.</span></p><p><strong><span style="font-size:16px">Next week, I have a couple of Youtube videos dropping, subscribe</span></strong><a href="https://www.youtube.com/@Kulkarniankita" target="_blank" rel="noopener noreferrer"><strong><span style="font-size:16px"> to my channel</span></strong></a><strong><span style="font-size:16px"> if you haven&#x27;t already.</span></strong></p><h2>Our Weekly Snack: React&#x27;s Re-rendering Patterns</h2><p>We are building an app for setting the dark mode with a dogecoin as the logo. You can see that the Toggle button handler is the one that toggles the dark mode. We also have a Footer with our company logo on it.</p><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:block;max-width:100%;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/jJ6KAucndvTHJceByuKW7k" width="100%" height="auto" style="border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:100%;height:auto;object-fit:contain"/></div><figcaption style="text-align:center;display:none">​</figcaption></figure></td></tr></tbody></table><p><strong>Here is a quick snippet. </strong></p><p>Every time the Parent container i.e. App renders, Logo, Footer and Toggle Button re-renders. We want to only re-render when necessary. <strong>This process of caching and only purging cache when necessary is called Memoization.</strong></p><p>In our case, we want to memoize the logo as we prefer to keep the logo from re-rendering. We want to cache the logo. This is how we can memoize it.</p><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:block;max-width:100%;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/q3siYtvf6ZaYGuQPonVn7H" width="100%" height="auto" style="border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:100%;height:auto;object-fit:contain"/></div><figcaption style="text-align:center;display:block">Logo</figcaption></figure></td></tr></tbody></table><p>We also want to memoize the dark Mode handler as we only wish for the dark mode to change when we toggle it, not just when the parent re-renders.</p><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:block;max-width:100%;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/oBThZ76LUE27EpHnMXqrQm" width="100%" height="auto" style="border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:100%;height:auto;object-fit:contain"/></div><figcaption style="text-align:center;display:block">useDarkMode Hook</figcaption></figure></td></tr></tbody></table><p>This will only make it so that handleToggle will re-render when dark mode changes; otherwise, React&#x27;s natural behaviour is to re-render whenever the parent renders. And we want to avoid it at all costs.</p><h2>Latest Frontend Gossip/News 🤫</h2><p>​<a href="https://nextjs.org/blog/next-13-4" target="_blank" rel="noopener noreferrer">Next.js 13.4 is out</a> , which means the following is stable and no longer experimental.</p><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>React Server Components</span></li><li class="list_item"><span>Nested Routes &amp; Layouts</span></li><li class="list_item"><span>Simplified Data Fetching</span></li><li class="list_item"><span>Streaming &amp; Suspense</span></li><li class="list_item"><span>Built-in SEO Support</span></li></ul><p>There are still bugs being discovered, and I&#x27;ve started upgrading my <a href="http://bit.ly/nextjs-udemy-ankita" target="_blank" rel="noopener noreferrer">course to Next.js</a>. </p><p>I still foresee that the above will take much longer to stabilize and will be brief, although it is exciting.</p><p><strong>Ben Holmes (Contributor of Astro) is entertaining, as usual.</strong></p><p>Astro is picking up speed; check out Ben building a blog in 1-minute. Astro is a </p><div><table width="100%"><tbody><tr><td><table cellPadding="0" cellSpacing="0" width="450" style="border:1px;border-style:solid;border-radius:10px;border-color:rgb(204, 214, 221);padding:14px 14px 6px 14px;width:100%;max-width:450px;background-color:white;border-collapse:separate;font-weight:300;color:black;font-family:system-ui" align="left"><tbody><tr><td><table cellPadding="0" cellSpacing="0" style="width:100%;border-collapse:collapse;padding:0"><tbody><tr><td style="width:50px"><div style="margin-right:8px;height:46px;width:46px"><img style="border-radius:50%;border:1px solid;border-color:lightgray" src="https://pbs.twimg.com/profile_images/1562270337601003521/qWnr2p2__normal.jpg" alt="twitter profile avatar"/></div></td><td><div style="color:black;font-weight:700;font-size:16px;text-align:left;padding-bottom:0;width:100%;font-family:system-ui">Ben Holmes<div style="display:inline-block;padding-left:4px;vertical-align:middle;padding-bottom:0"><img width="16" height="16" style="width:16px;height:16px" alt="Twitter Logo" src="https://functions-js.convertkit.com/icons?icon=check-circle&foreground=1d8ced&background=000000&shape=icon-only&scale=1"/></div><div style="display:inline-block;float:right;padding-bottom:0"><img width="24" height="24" style="width:24px;height:24px" alt="Twitter Logo" src="https://functions-js.convertkit.com/icons?icon=twitter&foreground=1d8ced&background=000000&shape=icon-only&scale=1"/></div></div><div style="color:rgb(101,119,134);font-size:14px;text-align:left;font-weight:400;font-family:system-ui">@BHolmesDev</div></td></tr></tbody></table><div style="padding-top:8px"><a style="text-decoration:none;display:block" href="https://twitter.com/BHolmesDev/status/1665721069347516419?s=20"><div style="color:rgb(20, 23, 26);white-space:pre-wrap;text-align:left;font-size:16px;font-weight:500;line-height:1.3125;font-family:system-ui">BUILD A BLOG SPEEDRUN
⏰ First sub-1 minute run. <span style="color: #1B95E0">@astrodotbuild</span> Starlight template was a huge cheat code. Can you beat my time? 👀</div><table style="width:100%;margin-top:5px" cellPadding="0" cellSpacing="0"><tbody><tr><td><img width="420" style="width:100%;border:1px solid;border-radius:10px;border-color:rgb(204, 214, 221)" src="https://pbs.twimg.com/ext_tw_video_thumb/1665720294613319681/pu/img/O6ckpqRF7fNuxwex.jpg" alt="video"/></td></tr></tbody></table></a></div><div style="color:rgb(101,119,134);padding-top:8px;padding-bottom:8px;text-align:left;font-size:14px;font-weight:400;font-family:system-ui">10:3 AM • Jun 5, 2023</div><div style="border-top:1px solid rgb(204, 214, 221);margin-top:2px;padding-bottom:6px;font-family:system-ui"></div><table style="width:auto!important"><tbody><tr><td><div style="color:rgb(20, 23, 26);font-weight:600;padding-right:4px;font-size:14px;font-family:system-ui">22</div></td><td><div style="color:rgb(101, 119, 134);padding-right:8px;font-weight:400;text-align:left;font-size:14px;font-family:system-ui">Retweets</div></td><td><div style="color:rgb(20, 23, 26);font-weight:600;padding-right:4px;font-size:14px;font-family:system-ui">398</div></td><td><div style="color:rgb(101, 119, 134);font-weight:400;font-size:14px;font-family:system-ui">Likes</div></td></tr></tbody></table><div><a href="https://twitter.com/BHolmesDev/status/1665721069347516419?s=20" align="center" style="display:block;text-decoration:none;text-align:center;font-weight:600;font-size:14px;margin-top:8px;margin-bottom:4px;padding:8px;border:1px solid rgb(204, 214, 221);border-radius:9999px;color:#1B95E0">Read 26 replies</a></div></td></tr></tbody></table></td></tr></tbody></table>​</div><h2>The Frontend Developers Toolbox 🧰</h2><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>​<a href="https://www.youtube.com/watch?v=GTVFw3CzYUA" target="_blank" rel="noopener noreferrer">How do you animate in Keynote</a> Learned a lot of tricks here to animate</span></li><li class="list_item"><span>​<a href="https://www.futurepedia.io/" target="_blank" rel="noopener noreferrer">My favourite resource for finding AI apps</a> Browse 1500+ AI tools in 50+ categories</span></li></ul><h2><strong>👉 Tell me a bit more about you</strong></h2><p>This newsletter has grown since I started it a few months ago. I’d love to get to know you a bit better. Can you please click one of the links below to best describe your situation,</p><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>​<a href="https://app.convertkit.com/preferences-confirmed" trigger-id="3409070" target="_blank" rel="noopener noreferrer">I&#x27;m an Entry level developer</a>​</span></li><li class="list_item"><span>​<a href="https://app.convertkit.com/preferences-confirmed" trigger-id="3409071" target="_blank" rel="noopener noreferrer">I&#x27;m an Intermediate developer</a>​</span></li><li class="list_item"><span>​<a href="https://app.convertkit.com/preferences-confirmed" trigger-id="3409072" target="_blank" rel="noopener noreferrer">I&#x27;m a Senior developer</a>​</span></li><li class="list_item"><span>​<a href="https://app.convertkit.com/preferences-confirmed" trigger-id="3409073" target="_blank" rel="noopener noreferrer">I&#x27;m a Technical/Team Lead</a>​</span></li><li class="list_item"><span>​<a href="https://app.convertkit.com/preferences-confirmed" trigger-id="3409074" target="_blank" rel="noopener noreferrer">I&#x27;m in Leadership (Engineering Managers and beyond)</a>​</span></li><li class="list_item"><span>​<a href="https://app.convertkit.com/preferences-confirmed" trigger-id="3409075" target="_blank" rel="noopener noreferrer">I&#x27;m a Founder/Entrepreneur</a>​</span></li><li class="list_item"><span>​<a href="https://app.convertkit.com/preferences-confirmed" trigger-id="3438844" target="_blank" rel="noopener noreferrer">I&#x27;m looking for a job</a>​</span></li></ul><p>​</p><p>I hope you have a great day! </p></div>

How to avoid Re-rendering and my new course 🔥

<div><p>Hey friend,</p><p>Can you believe that this week is the start of JUNE? It&#x27;s wild.</p><p>It almost feels like the year is slipping away. </p><p>Imagine that you spent a lot of time and effort creating a product. And now that product is being loved by so many. </p><p>It still gives me goosebumps 😊.</p><p>After launching <a href="https://www.developertoleader.com/?utm_source=newsletter&utm_medium=leadership" target="_blank" rel="noopener noreferrer"><span style="color:#000000"><strong>Developer to Leader</strong></span></a><span style="color:#000000"><strong>,</strong></span> I have close to 100 people 💖 that signed up, and I couldn&#x27;t be more excited. The feedback has been excellent, and folks are enjoying the course.</p><p>The folks who signed up are fantastic humans and genuinely want to grow together. I cannot wait to share more about how the community has evolved.</p><p><strong>But, overall, thank you for bearing with me while I promoted </strong><a href="https://www.developertoleader.com/?utm_source=newsletter&utm_medium=leadership" trigger-id="3815522" target="_blank" rel="noopener noreferrer"><strong>Developer to Leader</strong></a><strong> 🙌. This was my first official big launch, and I couldn&#x27;t be more thankful to all of you for being patient with me.</strong></p><p>I also took the month of May to travel to San Francisco, Copenhagen, Krakow, and Portland and speak at 3 different conferences. Talking to people IRL and connecting with others is one of the best things ever.</p><table width="100%" border="0" cellSpacing="0" cellPadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"><tbody><tr><td align="center"><figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;display:inline-block;max-width:341px;width:100%"><div style="display:block"><img src="https://embed.filekitcdn.com/e/nRSDuPjWtwFP6Z2eM1PYyf/nYEgSq1T5hUY4cynPnDSfH" width="341" height="auto" style="border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:341px;height:auto;object-fit:contain"/></div><figcaption style="text-align:center;display:block">Performance Myths of React Native Apps</figcaption></figure></td></tr></tbody></table><p>You can check out this <a href="https://www.youtube.com/playlist?list=PLdxiGiTC1t46gVBHyczOBBzW3voRmSxvh" target="_blank" rel="noopener noreferrer">Youtube Playlist</a> with all my talks, including 1 recent one.</p><p><strong>Anyway, I&#x27;m back, and now, let&#x27;s move on to our weekly shenanigans.</strong></p><h2><strong>Want to know what to avoid as an Engineering Leader?</strong></h2><p><strong>There are several anti-patterns</strong> that we exhibit as leaders. Being a manager or a leader generally can take time to manage.</p><p><strong>Depending on your personality type and experience, you can fall into 7 anti-patterns</strong> that will hurt your team. Therefore, it’s important to recognize those and course correct.</p><p>By recognizing these common managerial mistakes and working to avoid them, managers can foster a more effective, trusting, and thriving work environment.</p><p>See what the different anti-patterns are and what you should avoid👇</p><table width="100%"><tbody><tr><td align="center"><a class="email-button" href="https://kulkarniankita.com/leadership/anti-patterns-of-a-manager" target="_blank" rel="noopener noreferrer" style="border-width:1px;border-color:#000;background-color:#000;box-sizing:border-box;border-radius:4px;border-style:solid;color:#ffffff;display:inline-block;text-align:center;text-decoration:none;padding:12px 20px;margin:8px 0;font-size:16px"><strong>Continue Reading...</strong></a></td></tr></tbody></table><h2>🍿 New Content Released</h2><p><em>Don&#x27;t forget to subscribe to my </em><a href="https://www.youtube.com/@Kulkarniankita" target="_blank" rel="noopener noreferrer"><em>Youtube Channel</em></a><em> 🎥</em></p><a href="https://www.youtube.com/watch?v=I3aWwDNLGrs" style="display:block;width:100%;max-width:346px;margin:0 auto;border:0;text-decoration:none"><img alt="video preview" src="https://functions-js.convertkit.com/playbutton?play=%23324C85&accent=%23ffffff&thumbnailof=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DI3aWwDNLGrs&width=346&height=194.625&fit=contain" width="346" height="194.625" style="display:block;border-radius:4px"/>​</a><a href="https://www.youtube.com/watch?v=2kQQaoyHrqA" style="display:block;width:100%;max-width:341px;margin:0 auto;border:0;text-decoration:none"><img alt="video preview" src="https://functions-js.convertkit.com/playbutton?play=%23324C85&accent=%23ffffff&thumbnailof=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D2kQQaoyHrqA&width=341&height=191.8125&fit=contain" width="341" height="191.8125" style="display:block;border-radius:4px"/>​</a><h2>🧰 The Engineering Leader&#x27;s Toolbox</h2><ul class="unordered_list" style="list-style-position:inside"><li class="list_item"><span>​<a href="https://www.youtube.com/watch?v=uUPH7-4IwSs" target="_blank" rel="noopener noreferrer">Communicate like a Boss</a>: there are so many nuggets to learn for Communication and leading with empathy</span></li><li class="list_item"><span>​<a href="https://twitter.com/clairevo/status/1663372538884542464?s=46&t=afTlthPBV2G_OfLI9o7v0A" target="_blank" rel="noopener noreferrer">Check out this Twitter thread</a> which outlines strategies for<br/>managing one-on-ones.</span></li></ul><div>{% if subscriber.rh_reflink != blank %}<table style="width: 100%; margin-bottom: 10px;" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="word-break: break-word; vertical-align: top; padding: 5px 0;"><table style="width: 100%; max-width: 550px; padding: 5px 0;" width="550" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><img src="https://dash.sparkloop.app/rails/active_storage/representations/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDVLIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--c0b3fb0a08ba1c53f7edcaf374bea80f52aa8987/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCam9MY21WemFYcGxTU0lPTmpBd1BuZzJNREErQmpvR1JWUT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--34db79a64dacf53e5c67131c1356ae91aef13871/rewards.png" style="text-decoration: none; height: auto; border: 0px; max-height: 250px; max-width: 100%;"></td></tr><tr><td align="center" style="padding: 25px 10px 10px;"><p style="padding: 0; margin: 0; font-size: 22px; color: #000000; line-height: 1.6; font-weight: bold;">SHARE THE NEWSLETTER, EARN PERKS 🤑</p></td></tr><tr><td align="center" style="padding: 0px 10px 15px;"><p style="padding: 0; margin:0; line-height: 1.2; font-size: 16px; color: #000000">Hey friend, if you enjoy reading this newsletter, feel free to share it with other friendly readers. And if they happen to like the newsletter and end up subscribing, I'll send you some exclusive rewards.<br><br>To share this Engineering Leadership Newsletter with your friend, you can either share your unique referral link or click any of the social sharing icons below:</p></td></tr><tr><td align="center" style="padding: 10px;"><p style="padding: 0; margin: 0; font-size: 16px; color: #464ba4; line-height: 1.2"><a style="color: #464ba4; text-decoration: underline;" href="{{subscriber.rh_reflink}}">{{subscriber.rh_reflink}}</a></p></td></tr><tr><td align="center" style="padding: 10px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0 10px 10px 0;"><a href="https://www.facebook.com/sharer.php?u={{subscriber.rh_reflink}}%3Futm_source%3Dfacebook" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/facebook.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Facebook">Facebook</a></td><td style="padding: 0 10px 10px 0;"><a href="https://twitter.com/intent/tweet?text=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Dtwitter" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/twitter.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Twitter">Twitter</a></td><td style="padding: 0 10px 10px 0;"><a href="https://api.whatsapp.com/send?text=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Dwhatsapp" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/whatsapp.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Whatsapp">Whatsapp</a></td><td style="padding: 0 10px 10px 0;"><a href="https://t.me/share/url?url=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Dtelegram" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/telegram.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Telegram">Telegram</a></td><td style="padding: 0 10px 10px 0;"><a href="https://www.linkedin.com/sharing/share-offsite/?url={{subscriber.rh_reflink}}%3Futm_source%3Dlinkedin" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/linkedin.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Linkedin">Linkedin</a></td><td style="padding: 0px 0px 10px;"><a href="mailto:?subject=Check%20this%20out&body=I%20just%20signed%20up%20on%20this%20awesome%20newsletter!%0A%0A{{subscriber.rh_reflink}}%3Futm_source%3Demail" style="display: block; padding: 0px; width: 40px; height: 40px; border-radius: 5px; text-decoration: none; background-color: #050df0; background-image: url('https://sparkloop-static-images.s3-us-west-1.amazonaws.com/email.png'); background-repeat: no-repeat; background-size: auto 19px; background-position: center center;line-height: 1; color: transparent; text-indent: -99999px;" title="Share via Email">Email</a></td></tr></table></td></tr><tr><td align="center" style="padding: 10px;"><p style="padding: 0; margin: 0; line-height: 1.2; font-size: 16px; color: #000000">PS: You have referred {{subscriber.rh_totref}} people so far</p></td></tr><tr><td align="center" style="padding: 10px;"><a style="font-size: 16px; line-height: 1.6; background-color: #5755eb; color: #ffffff; padding: 10px 20px; display: inline-block; border-radius: 5px; text-decoration: none;" href="https://hub.sparklp.co/{{subscriber.rh_subid}}/1"><span style="mso-text-raise:13pt;">See how many referrals you have</span></a></td></tr><tr></tr></table></td></tr></table>{% endif %}</div></div>

Is your personality a match for Engineering Leadership?

How do you say 'No'

Not so Secret Performance Improvement Technique 🚀

One skill many leaders lack

Don't wait for the title, start leading now! 💪

[Priority Access] 🎟 You're invited to my free "Engineering Leadership Blueprint" Workshop

It has been a challenging week for me

Your disadvantage is your advantage

FREE React Server Components Course + More 💖

What you should know before becoming an Engineering Leader

How you can use ChatGPT as an Engineering Leader?

Get your Engineering Manager's Mind Map for FREE 🎁

You are expected to know this as a Leader 🫢

Important Announcement and a Snippet that every Dev must know 💪

When your direct report isn't performing...

FE Snack: Next.js Middleware is Exciting

Don't miss out on the FREE gift we talked about 🎁

Tailwind vs CSS: The Twitter Drama 🍿

Get your Promotion Playbook 💪 & Course Updates 💖

Frontend Snacks: Next.js 13 getStaticProps is gone and my new FREE Course ✨

Manage yourself before managing others 🙊 & My New E-book ✨

useEvent Hook Snack 🌮 and Announcing new Youtube Channel ✨

How to plan your life and career at the end of the year?

Don't make these mistakes ❌

A Next.js snippet and you should check out this tool 🔥

Humanizing One-on-ones & Redefining web with Next.js 13 🚀

Have you ever felt psychologically unsafe at work?

How can you prevent client-side code from running on server?

How I learned to handle my first disruptive direct report

Why 90% of Employees leave?

Speed up your growth with these 2 frameworks

I started a successful business using 1 easy framework, Want to see it?

Do you focus on soil or fruit?

Thank you, thank you, thank you

What are your career goals?

Level up your Frontend & Leadership skills

Grab your FREE weekly Frontend / Leadership snacks in just 5 minutes per week 🍿

Loved by 2000+ readers | Delivered fresh in your inbox weekly | A Deep dive into a code snippet or a Leadership topic | 100% FREE

Need a Sneak Peek before Subscribing?

Here are a few of the latest issues