shrey vijayvargiyaHello friends,
Welcome to this iHateReading newsletter. Read directly on website
Well, I always worry about covering all the domains of software development in my newsletter. I even try to put things is simple words so that non-developers in this subscribers list will also be able to understand at least the nuances.
Let's begin with Web3 today because I'ven't talked about anything related to web3 app development and surprisingly I have been working in the web3 domain for the past 2 years.
All about Web3 || Blockchain
When I was entering into web3 domain the first question as a developer was what's the application, I read tonnes of blogs then back, I am taking about 2 years ago and recently got this blog on 10 Unusual Blockhain applications.
I started the blockchain development journey by simply reading about the basics and developing a small few-hour project.
But after researching and reading the basics I found the technology under the hood is different and that doesn't affect much on frontend or client side, more often the changes are in the backend domain and of course if you writing smart contract then you have to switch to solidity as the programming language.
Here is the basic roadmap for blockchain development ,https://roadmap.sh/blockchain
Once you get the basics my advice is to create a small project using Moralis to understand the concepts well.
https://docs.moralis.io/web3-data-api/evm/quickstart-nextjs
Some of the most used npm packages in web3 are the following ones
my personal react npm module for web3 provides tonnes of hooks and features to develop easily, Wagmi.
Web3 for backend development needs solidity to get started, here is the introduction.
Truffle and Hardhat both are quiet and commonly used packages
Our Blogs ✍️
You know most of the times I share the third-party links as the resources to learn, sometimes I do share my own writtings.
Top 35 Email APIs for developers
10 Powerful one-liners JS methods
10 must known JS/TS tools for 2024
Open-Source
This section should be loved among the readers, the open-source world is amazing, just wow.
, I was looking for a way to store website links, all web links for programming, dev and software development and I found this cool open-source tool to manage all read later stories in one place.
GSAP: Animate anything with javascript
GSAP is certainly the easiest and quite loved animating library in frontend, it brings joy while writing animations and especially if you don't love CSS a lot this is cake-walk for you.
Toast library for React application
ShadcnUI is again gaining a lot of popularity, a frontend UI library for React apps
Lightweight
This week in React, what changed, what's new
htmx version 2.0.0 released, but before that, let's understand what is htmx. Introduction to htmx || Read Awesome things about HTMX
🔍 👉🏻 here is the glimpse of what's happening this week in javascript
Ever need to work on Maps then here is the bunch of packages to surely check, Mapbox and Leaflet
Serverless apps or apps without a backend or app that controls your backend, all are the same and for frontend and backend devs Firebase and Supabase are quite useful and trending along with other serverless databases such as Appwrite and PocketBase
Frontend Roadmap Template
I've shared quite a few times on this newsletter itself as one can find this on our website iHateReading as well.
Frontend roadmap template, I am updating this template from time to time, adding projects, few new resources, links and so on. It's been an year since I've created this template so far this have made 100+ sales in 50+ countries.
I am not leaving this anywhere in between and if everything goes well I will create a dedicated website for this as well so that everyone in future can have a look and learn frontend.
Let's not make it boring over here, see you in the next friday
Shrey
