Explore Fullstack modern tools
Tags: webdev, fullstack, javascript, typescript
Published: 2021-05-19 17:48:03

### No doubt javascript is booming the world of software industry . From frontend to backend every where javascript is getting its position.

> In this blog post i will share you some  library and framework that i am using for my projects


## Frontend

### React

A JavaScript library for building user interfaces.

### Material UI

React components for faster and easier web development.Material UI is based on google material design specification and provide a lot of ui components.


### Nextjs

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.


### Gatsby

Gatsby is a React-based open-source framework for creating websites and apps. It's great whether you're building a portfolio site or blog, or a high-traffic e-commerce store or company homepage.



### swr

The name “SWR” is derived from stale-while-revalidate, a HTTP cache invalidation strategy popularized by HTTP RFC 5861. SWR is a strategy to first return the data from cache (stale), then send the fetch request (revalidate), and finally come with the up-to-date data.


### Chakra UI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications

> You can think of chakra as tailwind + Accessibility



### URQL

The highly customizable and versatile GraphQL client for React, Svelte, Vue, or plain JavaScript, with which you add on features like normalized caching as you grow.


### Zustand

A small, fast and scaleable bearbones state-management solution. Has a comfy api based on hooks, isn't boilerplatey or opinionated, but still just enough to be explicit and flux-like.

### Svelte

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app


### sveltekit

SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.

> You can think of sveltekit  as sapper 1.0


### svelte-materialify

Svelte Materialify is a Svelte UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.


### Routify

Routify offers a great developer experience to build the routes for your Svelte app.



## Backend

### Expressjs

Fast, unopinionated, minimalist web framework for Node.js

### Mongoose

Mongoose provides a straight-forward, schema-based solution to model your application data. It includes built-in type casting, validation, query building, business logic hooks and more, out of the box.


### Prisma 2

Prisma helps app developers build faster and
make fewer errors with an open source ORM for PostgreSQL, MySQL and SQLite.


### Apollo server

Apollo Server is an open-source, spec-compliant GraphQL server that's compatible with any GraphQL client, including Apollo Client. It's the best way to build a production-ready, self-documenting GraphQL API that can use data from any source.


### Socket.io

Socket.IO enables real-time, bidirectional and event-based communication.
It works on every platform, browser or device, focusing equally on reliability and speed.