Useful-Frameworks
Table of contents
No headings in the article.
What is node
Node is a form of JavaScript which is not associated with any webpage, i.e. it does not have a DOM or document object as root element. But node is the same JavaScript
when it is run as an independent code.
What is npm
npm is a package manager for developed for node. It is simple to setup and use, also it has vast majority of Open source libraries which can do any
functions from generating colored text to fetching weather data of your location or build a whole new Browser or app.
Why node
Main reason is that it is very easy to setup and most importantly it is open source code. We can contribute to it tooo.
Installation
You can download node from the link given below
https://nodejs.dev/en/download/
Setup
After installing to initialize node use this command
npm init
To install a package
npm install package_name
Useful Packages List
💻 Frontend frameworks
React, React-dom, and React-router-dom are popular frontend frameworks that offer developers the ability to manage individual components of a webpage. They allow for more efficient reloading and updating of sections without needing to reload the entire page.
Vue is a highly versatile frontend framework that is praised for its speed and ease of use. It is often paired with Vue-router and Vuex, which add additional functionality and complexity to its capabilities.
Svelte is a new frontend framework that has gained attention for its ability to compile declarative components into highly efficient JavaScript that selectively updates the DOM.
Angular is a powerful frontend framework that is built on a component-based architecture, providing developers with an extensive toolset and highly scalable applications. It is known for its steep learning curve but is a popular choice among experienced developers.
Ember.js is a comprehensive frontend framework that is highly regarded for its convention over configuration approach. It is equipped with many features such as two-way data binding, routing, and computed properties, making it ideal for building ambitious web applications.
Next.js is a lightweight and production-ready frontend framework that is built on top of React. It is often used for building server-rendered React applications and provides features such as automatic code splitting, static site generation, and serverless functions.
🎨Styling frameworks
Bootstrap is a widely used CSS framework that provides developers with the ability to create responsive and mobile-first sites. Although it is relatively bulky in size, it is also highly intuitive and powerful, with many modern UI kits based on it.
Tailwind is a utility-first CSS framework that is designed for rapid UI development. It offers extensive customization options and is built to be highly flexible and easy to use.
Styled-components is a CSS-in-JS tool that bridges the gap between components and styling, providing developers with a functional and reusable way to style their components. Other popular styling frameworks include Foundation, Bulma, Materialize, and Ant Design. If you prefer to write Vanilla CSS, you can use a CSS extension language like SASS to extend its features.
Material Design is a Google-created design system that is widely used for building consistent and visually appealing user interfaces across all platforms. It includes pre-built components such as buttons, menus, and cards, making it a popular choice for many developers.
Semantic UI is a modular and responsive CSS framework that is built on human-friendly HTML. It provides developers with an extensive set of UI components, including forms, grids, and menus, as well as a theming system for customizing the look and feel of their app.
Chakra UI is a simple and accessible component library that is designed to provide developers with all the building blocks they need to create great-looking React applications. It includes customizable components and supports dark mode out of the box.
🧑💻 Backend frameworks
Express is a minimalist web framework that is optimized for Node.js. It is highly customizable and unopinionated, with many features available as plugins. It is often referred to as the standard server framework for Node.js.
Hapi is a powerful backend framework that is built on top of the Express framework. It is designed to help developers build scalable and efficient applications with minimal overhead and full out-of-the-box functionality.
Sails is a popular backend MVC framework for Node.js. It is equipped with many features such as support for data-driven APIs and a scalable, service-oriented architecture, making it a popular choice for many developers.
Cors is a middleware for Node.js that is used to enable cross-origin resource sharing with various options. It provides a Connect/Express middleware that can be used to manage and optimize API resource sharing.
Axios is a promise-based HTTP client for the browser and Node.js. It simplifies HTTP requests and responses by providing a simple and intuitive API.
Body-parser is a middleware that extracts the entire body portion of an incoming request stream and exposes it on req.body as something easier to interface with.
Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It includes an ORM, a templating system, and a powerful admin interface, among other features.
Ruby on Rails is a web application framework written in Ruby. It follows the Model-View-Controller (MVC) pattern, and includes features such as ActiveRecord (an ORM), ActionMailer (for sending emails), and ActiveSupport (a set of utility classes).
Laravel is a PHP web application framework that emphasizes elegant syntax, developer productivity, and modern PHP practices. It includes features such as an ORM, a templating engine, and a robust routing system.
🧩API services
GraphQL: GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It provides a complete description of the data in your API, giving clients the power to ask for exactly what they need.
FastAPI: FastAPI is a modern, fast (high-performance) web framework for building APIs with Python 3.7+ based on standard Python type hints. It is built on top of Starlette for the web parts and Pydantic for the data parts.
LoopBack: LoopBack is a highly extensible, open-source Node.js framework for building APIs and microservices. It provides a set of CLI tools for generating models, data sources, and controllers, as well as a built-in explorer for testing your API endpoints.
✍ Loggers
Winston: Winston is a logger for just about everything, with support for multiple means of transport. It’s been out there longer than Morgan, has a bigger community of maintainers, and more downloads.
Bunyan: Bunyan is a simple and fast JSON logging library for Node.js services. It includes features such as log levels, child loggers, and stream-based output.
Log4j: Log4j is a Java-based logging utility that provides a flexible API for logging messages to multiple destinations, such as console, file, and email.
Morgan: Morgan is an HTTP request logger that stores HTTP requests, providing you with concise insight into how your app is being used and where there could be potential errors.
🤝 Web sockets
Socket.IO: Socket.IO is a library that enables real-time, bidirectional, and event-based communication on every platform, browser, or device, focusing equally on reliability and speed.
WS: WS is a simple-to-use, fast, and thoroughly tested WebSocket client and server implementation that’s a great, less abstract, and bare alternative to Socket.IO.
Phoenix Channels: Phoenix Channels is a real-time communication library built into the Phoenix web framework for Elixir. It provides a clean API for creating channels, which can be used to send and receive messages between clients and servers.
Pusher: Pusher is a hosted service for building real-time web applications. It provides a simple API for sending and receiving messages over WebSockets, as well as a set of client libraries for different programming languages.