iHateReading — software development tutorials

iHateReading is a software development learning platform that breaks programming topics into step-by-step threads, roadmaps, templates, and curated developer resources. The homepage lists practical tutorials for React, Next.js, Node.js, JavaScript, TypeScript, AI tooling, and product engineering. Each thread is a short, structured walkthrough you can skim, bookmark, and reuse while building. Use iHateReading when you need a concrete implementation path rather than a long essay: how to add auth, ship a SaaS starter, submit a product to directories, follow a frontend or backend roadmap, or scan GitHub trending repositories. Start from the article index at /blog, or the machine-readable list at /articles.json. Continue to Explore for curated blogs, Roadmaps for skill paths, Store for website templates, Jobs for developer roles, and SaaS Directories for launch lists. Machine-readable index: https://ihatereading.in/llms.txt. Latest articles JSON: https://ihatereading.in/articles.json. RSS: https://ihatereading.in/rss.xml (also /feed.xml). Blog sitemap: https://ihatereading.in/sitemap-blogs.xml. Sitemap index: https://ihatereading.in/sitemap_index.xml. About: https://ihatereading.in/about.

Machine-readable index: https://ihatereading.in/llms.txt. XML sitemap: https://ihatereading.in/sitemap.xml. Agent instructions: https://ihatereading.in/agent-instructions.md.

Home / Articles

Articles

334 software development threads on iHateReading. Canonical URL pattern: /t/{slug}. Also available as RSS and articles.json.

  1. Sep 15, 2022

    6 Steps to Add Google Authentication using Supabase

    Connecting Frontend to Supabase Every Supabase project has its own unique project URL and project key. These keys are important to identify the user and connec…

    Read thread
  2. Sep 14, 2022

    15 Ways to Improve the Performance of Your React Application

    Lastly, do provide keys to the mapped items We know React uses Virtual DOM and to differentiate or compare the node, React uses the key values. If you forgot t…

    Read thread
  3. Sep 14, 2022

    6 steps to develop and deploy portfolio website

    Create a github repository and add github pages to it in the settings tab. Github settings tab of my repository I want to develop a portfolio website but I don…

    Read thread
  4. Sep 13, 2022

    5 Platforms to Write and Earn

    Linode For Kubernetes and Docker-related articles to earn approximately 400USD. https://www.linode.com/lp/write-for-linode/ Strapi For React, Javascript, Front…

    Read thread
  5. Sep 11, 2022

    3 ways how we improve iHateReading performance

    Firstly, I avoid the re-rendering issue of each image which we can do using Pure components, https://www.npmjs.com/package/browser-image-compression Lastly, I …

    Read thread
  6. Sep 11, 2022

    5 things about Jotai - new state management library for React

    Jotai provides hooks and methods to deal with managing states. Hooks such as - and a method called atom to create states exactly like useState. If you are fami…

    Read thread
  7. Sep 10, 2022

    5 cool things Service Worker provides to the website

    Offline Capabilities Make your website work offline even when the internet is not available Caching Provides a way to cache the web assets such as files, HTML …

    Read thread
  8. Sep 9, 2022

    7 rich text editor modules

    Rich Text Editor Mantine dev https://mantine.dev/others/rte/ Material UI Rich Text Editor https://www.npmjs.com/package/mui-rte Editorjs https://editorjs.io/ Q…

    Read thread
  9. Sep 8, 2022

    5 tips to deal with freelance clients

    Ask questions Ask them as much as you can, why are you doing this and what is the reason behind X, Y, Z decisions. Understand the Idea Always start the convers…

    Read thread
  10. Sep 8, 2022

    5 platforms for tech writers to write

    Hashnode https://hashnode.com/ Dev.to https://dev.to/ Twitter https://twitter.com/ Hackernoon https://hackernoon.com/ Medium https://medium.com/

    Read thread
  11. Sep 7, 2022

    6 steps to add data fetching and caching in frontend

    Install the package - React Query Import the method provided by the package Add the API to fetch the data. Define method to fetch the data from API Update the …

    Read thread
  12. Sep 7, 2022

    10 cool products I use everyday

    Notion I am managing the entire youtube channel via Notion itself. Here is the story to understand how the notion is helping in publishing content daily. https…

    Read thread
  13. Sep 6, 2022

    Top 3 animation libraries for frontend

    React transition group With more than 9K github starts and 100K npm downloads, I will put react transition group on the 3rd. They help you to animate the compo…

    Read thread
  14. Sep 6, 2022

    4 Steps to Add Absolute Import

    Step 3 Add the baseUrl key with the root path as the value in the config file. Just add the below code in the config file. Step one Install Next.js in your cur…

    Read thread
  15. Sep 5, 2022

    9 things about Formik - It's not just a hook

    Works with React Native and React Formik Docs screenshot showing its compatibility with React Native Provides Components such as Form, FieldArray, and Formik t…

    Read thread
  16. Sep 3, 2022

    8 Tech Youtubers to follow

    Hitesh Choudhary https://www.youtube.com/c/HiteshChoudharydotcom The Coding Train https://www.youtube.com/c/TheCodingTrain Programming with Mosh https://www.yo…

    Read thread
  17. Sep 3, 2022

    3 steps to develop your custom blogging platform

    Database — You can use Firebase, Supabase or even mongo DB to store the data. The data stored can be of any type it can be JSON, Raw data or HTML file or text.…

    Read thread
  18. Sep 2, 2022

    3 open source tools to build your apps fast

    Supabase Supabase claims himself as the Firebase alternative. They provide Supabase deals with PostgressQL and works with tables instead of NoSQL databases lik…

    Read thread
  19. Sep 2, 2022

    4 ways to keep yourself updated on programming

    Medium Using medium because a lot of big companies and developers share a brief experience, information and knowledge on medium, it's a very good platform the …

    Read thread
  20. Sep 1, 2022

    5 SMS API to use for your next react project

    D7SMSfd - Quickly integrate Direct7 SfdMS Gateway and reach your customers over D7’s own connectivity to the global mobile network. https://t.co/IAr0m2E3vP SMS…

    Read thread
  21. Sep 1, 2022

    2 ways to develop a basic Dapp project

    Connecting Moralis Every Dapp project needs to manage user address, work around his/her transactions, blocks, NFT and so on. Moralis is like Firebase but for b…

    Read thread
  22. Sep 1, 2022

    3 simple yet creative software

    Conclusion I am using all of them for more than a year, they are growing consistently and their popularity is growing. They are a great value addition tool and…

    Read thread
  23. Aug 31, 2022

    7 reasons why I write online

    Writing increases your brand value Writing is like a project, serves as your resume and helps you to stand out Writing will certainly help you become financial…

    Read thread
  24. Aug 31, 2022

    4 Steps to Render an HTML File in React

    Adding an HTML file is the third step. The pages directory in the root directory is the location for all static files in the next.js repository. Add the HTML c…

    Read thread
  25. Aug 29, 2022

    5 daily NPM packages are used in every React project

    Lodash I have already covered a one-minute short video for this, lodash makes writing logic in javascript a cakewalk. https://youtube.com/shorts/Noz55W2lpiM Re…

    Read thread
  26. Aug 29, 2022

    4 steps to add cool sliders to your website

    Import the AnimationSlider component from the package Simple as explained, import the component that will have slide functionality. This component is called Aw…

    Read thread
  27. Aug 29, 2022

    3 steps to create a custom carousel in React Native

    3 steps to create a custom carousel in React Native

    Read thread
  28. Aug 28, 2022

    4 steps to add Tailwind css in Gatsby project

    Another professional boilerplate for you developers.✌️😁

    Read thread
  29. Aug 26, 2022

    3 steps to add new analytical tools to your react native application

    Getting started with Forage analytics, a new analytical tool for React Native applications.

    Read thread
  30. Aug 25, 2022

    4 steps to create your react native full stack repository

    Getting started with Firebase in React Native

    Read thread