<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: janarth10</title>
    <description>The latest articles on DEV Community by janarth10 (@janarth10).</description>
    <link>https://dev.to/janarth10</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1021933%2F780cb43c-6176-4256-8664-556c45a561f8.png</url>
      <title>DEV Community: janarth10</title>
      <link>https://dev.to/janarth10</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/janarth10"/>
    <language>en</language>
    <item>
      <title>Week 3: Junior to Intermediate Dev</title>
      <dc:creator>janarth10</dc:creator>
      <pubDate>Fri, 17 Feb 2023 23:59:53 +0000</pubDate>
      <link>https://dev.to/janarth10/week-3-junior-to-intermediate-dev-32no</link>
      <guid>https://dev.to/janarth10/week-3-junior-to-intermediate-dev-32no</guid>
      <description>&lt;h2&gt;
  
  
  What is this series?
&lt;/h2&gt;

&lt;p&gt;I've been a developer for 2 years but my learning lacked focus. With this series, I want to look back at what I've done for 6 months to move towards being an intermediate developer.&lt;/p&gt;

&lt;h2&gt;
  
  
  TLDR
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;[GOAL] 32 Github contributions a month.&lt;/li&gt;
&lt;li&gt;how to measure performance for an A/B test&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Measuring my impact on Github
&lt;/h2&gt;

&lt;p&gt;As of Feb 17, 2023, I've made 39 contributions. I've heard this is a &lt;a href="https://www.youtube.com/watch?v=cRJZldsHS3c&amp;amp;ab_channel=GitHub" rel="noopener noreferrer"&gt;shallow metric of productivity and impact&lt;/a&gt;. However I do want a metric to see how often I'm writing and reading code, so this will do for now. 39 contributions is on the low end of what I'm seeing for intermediate developers. Their in the 50-70 range. I'm seeing senior and staff engineers make 100+ contributions within ~7 weeks.&lt;/p&gt;

&lt;p&gt;If you're interested in what counts as a &lt;a href="https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/managing-contribution-settings-on-your-profile/viewing-contributions-on-your-profile#what-counts-as-a-contribution" rel="noopener noreferrer"&gt;contribution&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2aw9rdjxkqqr8bh15mtl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2aw9rdjxkqqr8bh15mtl.png" alt=" " width="480" height="346"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Learning how to A/B test
&lt;/h2&gt;

&lt;p&gt;As an engineer on the experimentation team, I'm responsible for implementing and getting the metrics for features we're A/B testing.&lt;/p&gt;

&lt;p&gt;We broke up the users into three groups. Users who were on the loading page for&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&amp;lt;10s&lt;/li&gt;
&lt;li&gt;10-30s&lt;/li&gt;
&lt;li&gt;&amp;gt;30s&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;We were interested in how many of those users clicked our CTA when presented the treatment vs control loading page.&lt;/p&gt;

&lt;p&gt;The general formula to see performance of treatment was&lt;br&gt;


&lt;/p&gt;
&lt;div class="katex-element"&gt;
  &lt;span class="katex-display"&gt;&lt;span class="katex"&gt;&lt;span class="katex-mathml"&gt;treatmentPerformance=treatmentNumClicks−controlNumClickscontrolNumClicks
 treatmentPerformance = \frac{treatmentNumClicks - controlNumClicks}{controlNumClicks}
&lt;/span&gt;&lt;span class="katex-html"&gt;&lt;span class="base"&gt;&lt;span class="strut"&gt;&lt;/span&gt;&lt;span class="mord mathnormal"&gt;t&lt;/span&gt;&lt;span class="mord mathnormal"&gt;re&lt;/span&gt;&lt;span class="mord mathnormal"&gt;a&lt;/span&gt;&lt;span class="mord mathnormal"&gt;t&lt;/span&gt;&lt;span class="mord mathnormal"&gt;m&lt;/span&gt;&lt;span class="mord mathnormal"&gt;e&lt;/span&gt;&lt;span class="mord mathnormal"&gt;n&lt;/span&gt;&lt;span class="mord mathnormal"&gt;tP&lt;/span&gt;&lt;span class="mord mathnormal"&gt;er&lt;/span&gt;&lt;span class="mord mathnormal"&gt;f&lt;/span&gt;&lt;span class="mord mathnormal"&gt;or&lt;/span&gt;&lt;span class="mord mathnormal"&gt;man&lt;/span&gt;&lt;span class="mord mathnormal"&gt;ce&lt;/span&gt;&lt;span class="mspace"&gt;&lt;/span&gt;&lt;span class="mrel"&gt;=&lt;/span&gt;&lt;span class="mspace"&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="base"&gt;&lt;span class="strut"&gt;&lt;/span&gt;&lt;span class="mord"&gt;&lt;span class="mopen nulldelimiter"&gt;&lt;/span&gt;&lt;span class="mfrac"&gt;&lt;span class="vlist-t vlist-t2"&gt;&lt;span class="vlist-r"&gt;&lt;span class="vlist"&gt;&lt;span&gt;&lt;span class="pstrut"&gt;&lt;/span&gt;&lt;span class="mord"&gt;&lt;span class="mord mathnormal"&gt;co&lt;/span&gt;&lt;span class="mord mathnormal"&gt;n&lt;/span&gt;&lt;span class="mord mathnormal"&gt;t&lt;/span&gt;&lt;span class="mord mathnormal"&gt;ro&lt;/span&gt;&lt;span class="mord mathnormal"&gt;lN&lt;/span&gt;&lt;span class="mord mathnormal"&gt;u&lt;/span&gt;&lt;span class="mord mathnormal"&gt;m&lt;/span&gt;&lt;span class="mord mathnormal"&gt;Cl&lt;/span&gt;&lt;span class="mord mathnormal"&gt;i&lt;/span&gt;&lt;span class="mord mathnormal"&gt;c&lt;/span&gt;&lt;span class="mord mathnormal"&gt;k&lt;/span&gt;&lt;span class="mord mathnormal"&gt;s&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span class="pstrut"&gt;&lt;/span&gt;&lt;span class="frac-line"&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span class="pstrut"&gt;&lt;/span&gt;&lt;span class="mord"&gt;&lt;span class="mord mathnormal"&gt;t&lt;/span&gt;&lt;span class="mord mathnormal"&gt;re&lt;/span&gt;&lt;span class="mord mathnormal"&gt;a&lt;/span&gt;&lt;span class="mord mathnormal"&gt;t&lt;/span&gt;&lt;span class="mord mathnormal"&gt;m&lt;/span&gt;&lt;span class="mord mathnormal"&gt;e&lt;/span&gt;&lt;span class="mord mathnormal"&gt;n&lt;/span&gt;&lt;span class="mord mathnormal"&gt;tN&lt;/span&gt;&lt;span class="mord mathnormal"&gt;u&lt;/span&gt;&lt;span class="mord mathnormal"&gt;m&lt;/span&gt;&lt;span class="mord mathnormal"&gt;Cl&lt;/span&gt;&lt;span class="mord mathnormal"&gt;i&lt;/span&gt;&lt;span class="mord mathnormal"&gt;c&lt;/span&gt;&lt;span class="mord mathnormal"&gt;k&lt;/span&gt;&lt;span class="mord mathnormal"&gt;s&lt;/span&gt;&lt;span class="mspace"&gt;&lt;/span&gt;&lt;span class="mbin"&gt;−&lt;/span&gt;&lt;span class="mspace"&gt;&lt;/span&gt;&lt;span class="mord mathnormal"&gt;co&lt;/span&gt;&lt;span class="mord mathnormal"&gt;n&lt;/span&gt;&lt;span class="mord mathnormal"&gt;t&lt;/span&gt;&lt;span class="mord mathnormal"&gt;ro&lt;/span&gt;&lt;span class="mord mathnormal"&gt;lN&lt;/span&gt;&lt;span class="mord mathnormal"&gt;u&lt;/span&gt;&lt;span class="mord mathnormal"&gt;m&lt;/span&gt;&lt;span class="mord mathnormal"&gt;Cl&lt;/span&gt;&lt;span class="mord mathnormal"&gt;i&lt;/span&gt;&lt;span class="mord mathnormal"&gt;c&lt;/span&gt;&lt;span class="mord mathnormal"&gt;k&lt;/span&gt;&lt;span class="mord mathnormal"&gt;s&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="vlist-s"&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span class="vlist-r"&gt;&lt;span class="vlist"&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="mclose nulldelimiter"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/div&gt;


&lt;p&gt;&lt;em&gt;treatmentPerformance&lt;/em&gt; is the percentage that treatment performed when compared to control as a baseline. ie - &lt;em&gt;treatmentPerformance&lt;/em&gt; = 5% means that treatment did 5% better than control.&lt;/p&gt;

&lt;p&gt;Unfortunately &lt;em&gt;treatmentPerformance&lt;/em&gt; was negative for each user group, meaning the experiment failed.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cool [Random] learnings
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;China is losing the &lt;a href="https://www.youtube.com/watch?v=Uh4QGey2zTk" rel="noopener noreferrer"&gt;microchip war&lt;/a&gt;. US is forcing Taiwan(lynchpin in microchip supply chain) to choose sides. Beginning of new cold war? Was the old cold war about supply chain?&lt;/li&gt;
&lt;li&gt;How am I being intentional about &lt;a href="https://www.youtube.com/watch?v=O3m14PVOq_g" rel="noopener noreferrer"&gt;finding my dream job&lt;/a&gt;? Right now I'm focused on building &lt;a href="https://www.calnewport.com/blog/2020/03/22/building-a-career-that-matters/" rel="noopener noreferrer"&gt;career capital&lt;/a&gt; by working on my writing skills and my programming skills.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>discuss</category>
    </item>
    <item>
      <title>How come my debugger isn't working?</title>
      <dc:creator>janarth10</dc:creator>
      <pubDate>Fri, 17 Feb 2023 23:26:52 +0000</pubDate>
      <link>https://dev.to/janarth10/how-come-my-debugger-isnt-working-4b19</link>
      <guid>https://dev.to/janarth10/how-come-my-debugger-isnt-working-4b19</guid>
      <description>&lt;h2&gt;
  
  
  What is your question/issue (provide as much detail as possible)?
&lt;/h2&gt;

&lt;p&gt;Placed a debugger in my code but it doesn't hit when I reload my page. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7tBkBKJz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ad6qbihi6g0e2hkzzbwj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7tBkBKJz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ad6qbihi6g0e2hkzzbwj.png" alt="debugger not working" width="880" height="472"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Console logs also not working&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JGna9Puh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s48zjk4y0nbqya9pdjbo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JGna9Puh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s48zjk4y0nbqya9pdjbo.png" alt="console log not working" width="880" height="539"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What technologies are you using?
&lt;/h2&gt;

&lt;p&gt;next.js, server-side rendered react applications&lt;/p&gt;

&lt;h2&gt;
  
  
  What have you already tried/thought about?
&lt;/h2&gt;

&lt;p&gt;Tried cleaning my build then running &lt;code&gt;yarn start&lt;/code&gt; again.&lt;/p&gt;

</description>
      <category>help</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Week 2: Junior to Intermediate Dev</title>
      <dc:creator>janarth10</dc:creator>
      <pubDate>Tue, 14 Feb 2023 00:42:20 +0000</pubDate>
      <link>https://dev.to/janarth10/week-2-junior-to-intermediate-dev-dg2</link>
      <guid>https://dev.to/janarth10/week-2-junior-to-intermediate-dev-dg2</guid>
      <description>&lt;h2&gt;
  
  
  What is this series?
&lt;/h2&gt;

&lt;p&gt;I've been a developer for 2 years but my learning lacked focus. With this series, I want to look back at what I've done for 6 months to move towards being an intermediate developer.&lt;/p&gt;

&lt;h2&gt;
  
  
  TLDR
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;reflecting on week Friday afternoon was really helpful. I read through my conversations in Slack to see how inefficient I was at owning a project&lt;/li&gt;
&lt;li&gt;TODOs before next week. Use github as a metric for how much code I'm pushing.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Reflection on owning my last project
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Owning the project&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Get stakeholders on a call to understand the impact of the project. Throw out all assumptions and start from scratch.&lt;/li&gt;
&lt;li&gt;Find Subject Matter Experts (SMEs)&lt;/li&gt;
&lt;li&gt;Check-in with Product Manager for prioritization&lt;/li&gt;
&lt;li&gt;Get metrics to justify the project&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For step 1, I didn't realize that the stakeholders hadn't made much effort to address the issue on their own. They said the project was valuable but their actions said otherwise.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Designing a solution&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;writing a design doc revealed gaps in my high level understanding of the issue&lt;/li&gt;
&lt;li&gt;brainstorm with a group&lt;/li&gt;
&lt;li&gt;again "start from scratch" mentality&lt;/li&gt;
&lt;li&gt;TLDRs are welcome in any documentation&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Mental frameworks
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Starters | Finishers | Optimizers
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Starters&lt;/strong&gt; get dopamine hits from new ideas, finding problems to solve.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Finishers&lt;/strong&gt; get dopamine hits from well defined to-do lists.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Optimizers&lt;/strong&gt; get dopamine hits from dragging projects beyond scope to "perfection"&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Evaluate which one you are. Try to use it to your advantage when you can (ie - starters can help product managers find meaningful work for a team). Keep the framework top of mind to notice when you'd benefit from playing another role.&lt;/p&gt;

&lt;h3&gt;
  
  
  Skill development isn't linear
&lt;/h3&gt;

&lt;p&gt;Skill development is logarithmic. To motivate ourselves, we can use small tasks to make the learning curve feel steep in the short term. However in the long term, I'd imagine its wise to notice when you're in the tail end of your learning curve so that you can jump to an entirely new skill.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--60n-C7V1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8zy4mfgr5fakte3f7u11.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--60n-C7V1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8zy4mfgr5fakte3f7u11.png" alt="logarithmic growth" width="720" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;First heard of this in James Clear's newsletter but I found it again &lt;a href="https://medium.com/the-blog-of-james-clear/the-2-types-of-growth-which-one-of-these-growth-curves-are-you-following-262c6266db25"&gt;here&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I don't agree with the faster growth in this diagram, but I agree you can disguise a large logarithmic curve as many small wins. The inaccuracy in the diagram comes from the steepness of the smaller growths when time is large. Smaller tasks don't give much growth to an expert in comparison to their total knowledge, hence why this is a logarithmic growth curve in the first place.&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
    <item>
      <title>Week 1: Junior to Intermediate Dev</title>
      <dc:creator>janarth10</dc:creator>
      <pubDate>Mon, 06 Feb 2023 19:06:45 +0000</pubDate>
      <link>https://dev.to/janarth10/week-1-junior-to-intermediate-dev-28ge</link>
      <guid>https://dev.to/janarth10/week-1-junior-to-intermediate-dev-28ge</guid>
      <description>&lt;p&gt;
  Overview
  &lt;ol&gt;
&lt;li&gt;What is this series?&lt;/li&gt;
&lt;li&gt;Projects&lt;/li&gt;
&lt;li&gt;Learnings shared with team&lt;/li&gt;
&lt;li&gt;Tools/Readings&lt;/li&gt;
&lt;li&gt;Final thoughts
&lt;/li&gt;
&lt;/ol&gt;



&lt;/p&gt;
&lt;h2&gt;
  
  
  What is this series?
&lt;/h2&gt;

&lt;p&gt;I've been a developer for 2 years but my learning lacked focus. With this series, I want to look back at what I've done for 6 months to move towards being an intermediate developer.&lt;/p&gt;

&lt;h2&gt;
  
  
  Projects
&lt;/h2&gt;

&lt;p&gt;While working on a task assigned to me I found an issue our Marketing team was facing. Giving me the opportunity to work on the following&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Create a 1-pager design document to find a solution&lt;/li&gt;
&lt;li&gt;Solve a cross team problem&lt;/li&gt;
&lt;li&gt;Communicate with stake holders directly, rather than having a well specced project handed to me&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  What could have went better?
&lt;/h4&gt;

&lt;p&gt;I gave false promises that this was an easy fix, when I'm still quite new to the team &amp;amp; company. I didn't have a great understanding of the scope of the problem. Resulted in me coding up a solution that was blocked because our external APIs couldn't handle our volume. We would get rate limited if I pushed in my PR.&lt;/p&gt;

&lt;p&gt;Spent time going into the &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;low level details of design doc&lt;/li&gt;
&lt;li&gt;coding up a solution&lt;/li&gt;
&lt;li&gt;going back and forth with Marketing and our external API support team
before thinking to check the API docs for their rate limits.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Learnings shared in team slack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Lazy loading to reduce webpack bundle size&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.joshwcomeau.com/react/why-react-re-renders/#what-about-context-4"&gt;React profiling&lt;/a&gt; to debug re-renders&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Tools/Readings
&lt;/h2&gt;

&lt;h4&gt;
  
  
  RequestBin
&lt;/h4&gt;

&lt;p&gt;Alternative to sharing code hosted locally with ngrok. Offers clean UI to view past requests you've made. Useful tool if you need to host an endpoint quickly.&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://www.joshwcomeau.com"&gt;Josh Comeau's React Blog&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;His writing and explanations are concise. The website itself is beautiful. It feels alive with his animations. My favourite part is the like button that turns sad if you don't click it, then it's eyes follow your mouse movements.&lt;/p&gt;

&lt;h2&gt;
  
  
  Final thoughts
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Take more time to deeply understand the high level requirements before moving into low level details.&lt;/li&gt;
&lt;li&gt;Really impressed by my skip-level manager's ability to explain the hypothesis behind the A/B test I was working on. I thought of the change in terms of UI, whereas he thought of the hypothesis ("Do people enjoy educational content on loading screens?")&lt;/li&gt;
&lt;/ol&gt;

</description>
    </item>
  </channel>
</rss>
