<?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: Shubham Prakash</title>
    <description>The latest articles on DEV Community by Shubham Prakash (@ishubhamprakash).</description>
    <link>https://dev.to/ishubhamprakash</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%2F127300%2Fe8e76757-af19-4047-ae28-1899df0063f3.jpeg</url>
      <title>DEV Community: Shubham Prakash</title>
      <link>https://dev.to/ishubhamprakash</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ishubhamprakash"/>
    <language>en</language>
    <item>
      <title>2020 Was An Amazing Year.</title>
      <dc:creator>Shubham Prakash</dc:creator>
      <pubDate>Thu, 31 Dec 2020 01:33:22 +0000</pubDate>
      <link>https://dev.to/ishubhamprakash/2020-was-an-amazing-year-3aa1</link>
      <guid>https://dev.to/ishubhamprakash/2020-was-an-amazing-year-3aa1</guid>
      <description>&lt;p&gt;I know it sounds crazy to say considering the ongoing pandemic situation and so many unfortunate incidents, but this is true at least for me. This year was one of the most remarkable years of my life where I learned a lot of things not only career-related but also about people and life in general. I actually grew as a person.&lt;/p&gt;

&lt;p&gt;Today, the last day of 2020, I was looking back and thinking what/how/who changed, how I grew, and most importantly what I learned. A lot of good and some not so good things happened this year. I couldn't resist myself from writing this blog post and sharing it with you people. A lot of things started popping into my mind but I have tried summarising the important ones into bullet points so that I can compare them with my learnings at the end of next year.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Found my true passion:&lt;/strong&gt; During my internship period at Scoar, I found myself working days-and nights continuously for around 1 month with just 4-5 hrs of sleep on an amazing project. At this time I realized that I don't just like doing FrontEnd but I have a passion for building beautiful User Interfaces that people love to use and play with. I figured out that I can do it all day and night without feeling bored or tired. React.js continued to be my favorite tool for converting the ideas into reality.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Learned not to run on the ground if you can fly:&lt;/strong&gt; This is a long story. I will write another post about it someday when the right time will come..when I'll feel that I have achieved something big. Long story short, I learned how to ignore everything that others are telling/doing and &lt;strong&gt;just focus on what you love to do.&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This simple rule was easy to follow when I was in 1st and 2nd year but it became really difficult at the end of 3rd year of my college when our placement season started. Things were a bit different for me as compared to others. I was a core member of an early-stage startup and I had the responsibility of handling the Frontend of the whole platform (app), managing other team members, taking care of their code (collaborating on Github, merging their code, fixing merge conflicts, etc). This was a huge responsibility and I was not able to take out time to prepare for placements. Everybody but me was preparing for the job, doing DSA, apti, and all.. but what I was doing? wakeup-eat-ReactJs-sleep.&lt;/p&gt;

&lt;p&gt;I remember myself panicking a lot sometimes thinking about what should I do. Should I also start doing what others are doing or continue to experiment with this startup? My friends often used to tell me "Tumko kya jarurat hai job ki. tumhara to fix hai.." but internally I was also very scared. In my whole college life, I was always involved in some work/internships and that too in the FrontEnd domain so I could not study course subjects (I know most of us don't do), do much of DSA or practice what is generally asked in placement tests/interviews.&lt;/p&gt;

&lt;p&gt;Placement season started.. I gave some exams, cleared some but could not perform well in most. Especially the aptitude rounds were simply not doable for me. I somehow reached the interview round for the TCS (yeah, I am from a 3rd tier college and only these company visits our campus). The interview went very nicely.. I answered all the questions and was happy with my performance. But I don't know what they were looking for in a candidate that they rejected me (I even wore formals and tie in the online interview 😅). They didn't even care to give any feedback about why they rejected me 😑. Now I am thinking about why I even sat for such a company that was going to pay me even less than what I already was earning sitting in my room and that too along with attending college. After this incident, I took it as a sign of GOD and did not sit for any other companies. I knew about my expertise and decided that I should not participate in a race where I do not belong.&lt;/p&gt;

&lt;p&gt;One important incident I will always remember. During this period there was a shift in my psychological state i.e the way of thinking. Since all of my friends were doing their own thing and sometimes in their own group, I started feeling left out. My thought process became so negative that I started to think that they are selfish and only care about themselves. I even cried (not really.. just a deep voice with some tears in my eyes) one day questioning them why they were doing this. But now I can see that it was a hard time and everyone was going through the same anxiety and pressure. I was too negative to think things like these. They are the best people in my life and I am proud of them. If you are reading this my friends, you guys really are the best. I am so fortunate to have a friend circle like yours. Love you all.&lt;/p&gt;

&lt;p&gt;One more important thing, I am so thankful to all the people who supported me emotionally during this period. There were also some people in my LinkedIn connection (yeah, I don't have a girlfriend like others to talk to.. so in such an emotionally difficult situation, I try talking to people at LinkedIn 😅) who spoke to me on call to help me clear my doubts and guide me in the right direction. Thanks to everybody.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Accepted my first Full-time job offer:&lt;/strong&gt; Although I started working from my 2nd year (more seriously from 3rd year) of my college, and have been a part of an amazing company Udacity I recently got an opportunity to become a part of another amazing company (DabbleLab, based in USA, full-time) as a Software Engineer. The best thing, they allowed me to start working right from the day I accepted the offer. I am loving working on different projects and learning new technologies every week. I am so much loving the people and what I am doing here at this company that I can repeat this... I am loving it (recursion 😉)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Became financially independent:&lt;/strong&gt; This is what I am proud of. Being from a lower-middle-class family I know the importance of money and how hard it is to earn. I was fortunate to be able to start earning as early as from 2nd year of my college but 2020 was really at another level. From my self-earned money, I paid my college fees, cleared my education loan, bought myself all the fancy stuff I dreamt of having like an iPhone, a Macbook Pro (M1), a big fat 4k monitor, a personal home office/work desk setup, etc. It might not be a big deal for others but for me being able to do all these while still being in my college (I still have 6 months of college to complete) is just amazing and definitely a thing to be proud of.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Helped in building the careers of 1000+ people:&lt;/strong&gt; I love helping people by sharing my knowledge. That's why I joined Udacity as a Mentor. At the end of 2020, I have mentored so many students, reviewed 1000+ projects, answered around 400 technical questions, etc. Most of the students at Udacity are working professionals who are learning new technologies to switch their careers or just to add more skills under their belt. I was fortunate enough to help them and be a part of their journey. It was so amazing to talk to people from all over the world and interact with so many talented people. Helping other and reading their feedbacks keeps me motivated and hungry to push myself and learn more.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Recently I was being appreciated for being one of the best mentors at Udacity. I was also chosen among a handful of top mentors to become an Auditor to audit peer performance and keep in check the quality of project reviews done by other mentors.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Learned about people.. the good and not so good people in my life:&lt;/strong&gt; I obviously can't discuss much about this in public but I can say that I learned who are the people in my life who truly care about me.. and who don't. One take away is that both types of people have a significant contribution to my personal growth and I am thankful for them. The people who love me-- I love you too.. other people-- I love you more ;)
I think this much is enough to write...It's been 6 hrs since I started 😅.. I'll now stop writing more...&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;One fun fact, at this moment (as I complete writing this post) I am wondering if this story is worth sharing? What some of you guys will be thinking after reading this story of mine.. "Why this guy is sharing his story.. has he achieved anything big? He has not even been placed in a big company like FAANG.." but then I remember my 2nd point above. I don't care what others think. Your definition of big achievements/being successful/happy etc is different from mine. I know where I started from, where I am going and I am loving what I'm doing. I am very happy and this is what really matters at the end of the day... Man, I am following my passion... I know even bigger things are coming my way... I just have to keep working hard 🤩&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Looking forward to experiencing even more amazing next year.. Welcome 2021&lt;/strong&gt; 🎉&lt;/p&gt;

&lt;p&gt;(Originally posted &lt;a href="https://www.linkedin.com/pulse/2020-amazing-year-shubham-prakash"&gt;here&lt;/a&gt;)&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Use JavaScript to prepare for coding interviews?</title>
      <dc:creator>Shubham Prakash</dc:creator>
      <pubDate>Thu, 13 Aug 2020 21:52:17 +0000</pubDate>
      <link>https://dev.to/ishubhamprakash/use-javascript-to-prepare-for-coding-interviews-53d</link>
      <guid>https://dev.to/ishubhamprakash/use-javascript-to-prepare-for-coding-interviews-53d</guid>
      <description>&lt;p&gt;Hi there, I need some suggestions from this community-&lt;/p&gt;

&lt;p&gt;I am in final year now and going to start preparing for job interviews. I am basically starting to practice Data structures and Algorithms.&lt;/p&gt;

&lt;p&gt;I am a Full stack developer specialised in Frontend (React) development. &lt;/p&gt;

&lt;p&gt;I'll be targeting full stack (MERN) developer role for my career.&lt;/p&gt;

&lt;p&gt;I know most of the people use C++/java/python to do DS+Algo but since I am targeting Full stack developer role, I am thinking of using &lt;code&gt;JavaScript&lt;/code&gt; to do the same. &lt;/p&gt;

&lt;p&gt;I don't think using C++ will benifit me as I'll be using JS for my daily job.&lt;/p&gt;

&lt;p&gt;So here is my question-&lt;/p&gt;

&lt;h3&gt;
  
  
  Should I go ahead and use JavaScript to practice DS+Algo for the preparation of job interviews?
&lt;/h3&gt;

&lt;p&gt;Any extra suggestions/tips/resources will be appreciated 🙂&lt;/p&gt;

&lt;p&gt;Please don't hesitate to discuss/share your opinions/experience. It will be helpful for me and other people having the same confusion.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>REMIX- A new React Framework from the creators of React Router</title>
      <dc:creator>Shubham Prakash</dc:creator>
      <pubDate>Wed, 29 Apr 2020 18:44:13 +0000</pubDate>
      <link>https://dev.to/ishubhamprakash/remix-a-new-react-framework-from-the-creators-of-react-router-5886</link>
      <guid>https://dev.to/ishubhamprakash/remix-a-new-react-framework-from-the-creators-of-react-router-5886</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Finally, a killer React framework from the creators of React Router&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;If you have been developing Single Page Applications (SPAs) using React you know that there are a couple of problems that creep into our application because of the way react basically works by default. For example, the most common problem, it is very difficult to have good SEO if you are using client-side rendering (CSR) in React.&lt;/p&gt;

&lt;p&gt;This is because, in the case of CSR, the data you see on the page is generated by the JavaScript in the browser itself. It is also very difficult to have dynamic Metadata on such websites.&lt;/p&gt;

&lt;p&gt;Single-page applications (SPAs) due to these reasons are commonly regarded as non-SEO friendly websites.&lt;/p&gt;

&lt;p&gt;You can learn more about the pros and cons of SPAs &lt;a href="https://www.cloudways.com/blog/single-page-website-spa-seo/#single-page"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To solve this problem (along with other problems with CSR), we use different technics like Server-side rendering (SSR), prerendering, etc.&lt;/p&gt;

&lt;p&gt;Since it is a bit difficult to do React SSR manually, we have different React frameworks to make our job easy.&lt;/p&gt;

&lt;p&gt;One of such React frameworks which is very popular is &lt;a href="https://nextjs.org/"&gt;Next.js&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Similar to frameworks like Next.js, the people who developed &lt;a href="https://reacttraining.com/react-router/web/guides/quick-start"&gt;React Router&lt;/a&gt; (The most popular routing library for React) are working on a &lt;strong&gt;NEW React framework&lt;/strong&gt; to solve all the problems we face while developing with React.&lt;/p&gt;

&lt;p&gt;They have named it &lt;a href="https://remix.run/"&gt;Remix&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Some of the highlighted features of Remix are as follow-&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;File system routes&lt;/li&gt;
&lt;li&gt;Route layout nesting&lt;/li&gt;
&lt;li&gt;Automatic code splitting&lt;/li&gt;
&lt;li&gt;Data-driven meta tags&lt;/li&gt;
&lt;li&gt;Built-in data loading&lt;/li&gt;
&lt;li&gt;Location-based Suspense cache&lt;/li&gt;
&lt;li&gt;Streaming server rendering&lt;/li&gt;
&lt;li&gt;Zero-config build&lt;/li&gt;
&lt;li&gt;React Refresh&lt;/li&gt;
&lt;li&gt;Server rendering in dev&lt;/li&gt;
&lt;li&gt;Deploy anywhere&lt;/li&gt;
&lt;li&gt;...and more&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here is the first preview of Remix on YouTube. You'll get a preview on routing, layouts, data loading, meta tags, data caching, and scroll restoration etc.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/MYxwlmeyu9w"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;You can subscribe to follow their progress and get early access here- &lt;a href="https://remix.run/"&gt;https://remix.run/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Isn't it cool? Personally, I'm very excited about it. I know its gonna be a big thing because of the people behind it.&lt;/p&gt;

&lt;p&gt;Hope you liked this post. You can follow me for more such interesting stories.&lt;/p&gt;

&lt;p&gt;You can also connect with me at &lt;a href="https://www.linkedin.com/in/ishubhamprakash/"&gt;LinkedIn&lt;/a&gt;, &lt;a href="https://twitter.com/isuvm"&gt;Twitter&lt;/a&gt;, &lt;a href="https://github.com/i-shubhamprakash/"&gt;Github&lt;/a&gt;, &lt;a href="https://shubhamprakash.dev"&gt;shubhamprakash.dev&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>seo</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>How to enable Chrome's Hidden Bottom Toolbar in Android</title>
      <dc:creator>Shubham Prakash</dc:creator>
      <pubDate>Tue, 25 Feb 2020 21:35:12 +0000</pubDate>
      <link>https://dev.to/ishubhamprakash/how-to-enable-chrome-s-hidden-bottom-toolbar-in-android-5cdf</link>
      <guid>https://dev.to/ishubhamprakash/how-to-enable-chrome-s-hidden-bottom-toolbar-in-android-5cdf</guid>
      <description>&lt;p&gt;I want to share an amazing trick with you that I found today on the internet.&lt;/p&gt;

&lt;p&gt;You must have felt it very difficult to reach the Google chrome browsers options and settings in mobile device as it is present at the top of the browser which is very hard to reach with your fingers in big screen mobile phones.&lt;/p&gt;

&lt;p&gt;Good news, there is a trick using which you can enable a toolbar at the bottom of your browser so that you can access options like switch tab, search and share easily.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Note- I have done this in my Android phone only so I'm not sure if you can do the same in IOS.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Here's how you enable this hidden bottom toolbar-&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1:
&lt;/h3&gt;

&lt;p&gt;In your chrome address bar type the following path-&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;chrome://flags 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7en-RsDQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/12gll86r6wepfnfrsopn.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7en-RsDQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/12gll86r6wepfnfrsopn.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2:
&lt;/h3&gt;

&lt;p&gt;Search for “Duet” in the search bar.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--b6_G-TsP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/8saod8twp4uwi58hs4l6.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--b6_G-TsP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/8saod8twp4uwi58hs4l6.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3:
&lt;/h3&gt;

&lt;p&gt;Tap the drop-down menu next to “Chrome Duet” and select any one of the button configuration you want from the drop-down menu.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6IGG9LUc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/a0v0fcosuafm6hbgc8eg.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6IGG9LUc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/a0v0fcosuafm6hbgc8eg.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 4:
&lt;/h3&gt;

&lt;p&gt;🎉 Now restart your browser and enjoy the new bottom toolbar.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--EC3KBQOC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/a8oaun9hc5bm9s6wf9ka.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EC3KBQOC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/a8oaun9hc5bm9s6wf9ka.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>google</category>
      <category>chrome</category>
      <category>trick</category>
    </item>
    <item>
      <title>Trap focus using javaScript</title>
      <dc:creator>Shubham Prakash</dc:creator>
      <pubDate>Mon, 20 Jan 2020 13:04:03 +0000</pubDate>
      <link>https://dev.to/shubhamprakash/trap-focus-using-javascript-6a3</link>
      <guid>https://dev.to/shubhamprakash/trap-focus-using-javascript-6a3</guid>
      <description>&lt;p&gt;Liquid syntax error: Unknown tag 'endraw'&lt;/p&gt;
</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>htmlfocus</category>
      <category>eventlistener</category>
    </item>
    <item>
      <title>testing</title>
      <dc:creator>Shubham Prakash</dc:creator>
      <pubDate>Mon, 16 Dec 2019 22:39:49 +0000</pubDate>
      <link>https://dev.to/ishubhamprakash/testing-473d</link>
      <guid>https://dev.to/ishubhamprakash/testing-473d</guid>
      <description>&lt;p&gt;Hello world&lt;/p&gt;

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