iHateReading — software development blogs

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, the Magazine for a monthly developer digest, 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). Topics: https://ihatereading.in/topics (e.g. /topics/react). Search: https://ihatereading.in/search?q={query}. 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.

Show previous threadShow next thread

10 Must-Know JavaScript and TypeScript Tools for 2024

Javascript/Typescript open-source cool packages

Jun 11, 2024
3 steps
min

Copy HTML

Copy Markdown

10 Must-Know JavaScript and TypeScript Tools for 2024 cover image

Under the Hood

The story began when I was writing my newsletter.
While reading a bunch of javascript weekly articles online I’ve found an extensive list of open-source packages one-by-one.
We often need or rely on such packages but never discuss them as a tech stack or project.
These small cool packages are a good learning source as well as provide an experience to understand how open-source works in the real world.Let’s not waste time and start !!
Fontsource
1700+ open source fonts packaged as npm packages.
Prisma
Popular ORM for Node.js and TypeScript
melonJS
Lightweight HTML5 game engine.
Tiptap
Headless wrapper for building rich text editor
peak.js
BBC News platform creates its audio waveform library
billboard.js
javascript chart library based on D3.js
Hono — Ultra-fast web application framework
Hono helps developers to build APIs, it’s is similar to Express.js with all middleware already handled inbuilt, superfast and good developer experience.
Zod
TypeScript-first schema validation with static type inference
Turborepo
Turborepo has released version 2.0 which received millions of downloads per week as the npm module and they have released the version, read more in detail about what is new in 2.0
Storybook
Build and test UI components in isolation before pushing them into production
Rspack 0.7
Fast Rust-based web bundler.

Conclusion

Open-source packages are important because our daily development depends on it.
As well open-source projects are also a good inspiration to begin.
That's it for today, see you in the next one
Shrey

Subscribe

Our once a week newsletter on Programming, Jobs, AI, and Business