DEV Community

Cover image for Basics of web3 development, JS new releases this week, cool npm modules and open-source packages
shrey vijayvargiya
shrey vijayvargiya

Posted on

Basics of web3 development, JS new releases this week, cool npm modules and open-source packages

Hello 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.

Web3 and Solidity Roadmap

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

ether.js

web3.js

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.

https://omnivore.app/

 , 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

Top comments (0)