gustavoper / tech-dev-tooling

Developer tools

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Here you will find a list of different tooling libraries.

We would love to know which tooling library you think deserves to be included in our list. If you'd like to contribute, please see our contributing guidelines.

Table of Contents

Web Development

API's

Accessibility

Security

State Management

Miscellaneous

Design System

Dev Tools

Web Development

  • bit.dev Toolchain for building applications from independent components. Instead of building an application that consists of lots of components, Bit builds lots of components that are composed to build many different applications.

  • Chrome Dev Tools Web developer tools built into the Chrome browser.

  • Visual Studio Code An open source code editor that runs everywhere and allows you to do anything from debugging code to inputting Git commands or creating Sass code.

  • Nx Framework to help architect, test, and build web applications. Especially helpful for organizing monorepos.

  • Storybook An open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.

  • Web Developer A Chrome extension that adds a toolbar button to the browser with various web developer tools.

  • Selector Gadget Selector Gadget is an open source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze.

  • React Developer Tools React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

  • Vue.js Devtools Vue.js Browser Devtools is an open source extension for Vue.js framework. It allows you to debug Vue.js applications in the browser developer tools.

  • Webhook Webhook.site lets you easily inspect, test and automate (with the visual Custom Actions builder, or WebhookScript) any incoming HTTP request or e-mail.

APIs

  • Insomnia Insomnia is an Open Source framework developing/testing API Clients. It can be used to send REST, SOAP, GraphQL and GRPC requests. With this tool it is possible to carry out documentation, automation and with its CLI tools version it is possible to implement pipeline tests.

  • HTTPie Friendly tool for consuming APIs (and make HTTP requests in general) through CLI.

  • Postman Platform for building and using APIs.

  • REST-assured This is the tool of choice for most web devs working with Java. REST-assured enables you to test and validate REST services

  • HoppScotch HoppScotch is a lightweight open source API development tool that runs smoothly and looks beautiful.

  • SoapUI Testing tools for APIs

  • Sandbox helps to accelerate API development process and quickly mock SOAP web services and RESTful API. With Sandbox, you can generate from instant deployment, debugging tools for integration, API definitions, and collaborative build.

Accessibility

  • axe: axe is a digital accessibility toolkit providing efficient accessibility testing and coverage for your testing needs. It is based off the popular accessibility testing library axe-core and is also available as a Chrome Extension. axe is a digital accessibility toolkit providing efficient accessibility testing and coverage for your testing needs. It is based off the popular accessibility testing library axe-core and is also available as a Chrome Extension.

  • LERA is an automated Accessibility testing and reporting tool that provides you with an in-depth report of your website’s accessibility issues. It’s FREE for everyone to use (and requires no credit card information). LERA is the only fully automated online tool that provides both Accessibility Audits and Reporting for free.

Security

  • Datadog Monitoring and security platform for cloud applications.

  • BurpSuite Web vulnerability scanner for automated testing, mapping, analysis, and security.

  • WireShark Network protocol analyzer.

  • Nmap Network exploration tool and security / port scanner.

State Management

  • MobX State management library utilizing functional reactive programming.

  • Redux Library for implementing centralized state management for JavaScript apps.

  • XState Use finite state machines in JavaScript/TypeScript. Finite state machines can make state management more explicit and less of an ad hoc mess.

  • NgRx Provides reactive state management for Angular apps inspired by Redux. Unify the events in your application and derive state using RxJS.

  • Akita State management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Store model.

  • Elf Reactive immutable state management solution built on top of RxJS. It uses custom RxJS operators to query the state and pure functions to update it. Elf encourages simplicity. It saves you the hassle of creating boilerplate code and offers powerful tools with a moderate learning curve, suitable for experienced and inexperienced developers alike.

Package Managers

  • NPM (Node Package Manager) Package manager that is part of Node.js. Allows you to install, uninstall and update dependencies in an application.

  • Yarn Package manager that is a replacement for NPM. It is faster and more secure than NPM.

Web Testing

  • Selenium Browser automation software that allows programmatic sequences of clicks, scrolls, and typing on specific elements for testing websites.

  • Puppeteer Node library for controlling Chrome for UI testing.

  • LambdaTest Run UI tests in the cloud across different browsers on real devices. Automated selenium testing for automated cross-browser testing. Offers a lifetime free plan.

  • Jest Unit test framework for javascript that runs so fast, you can run them all every time the file is saved.

  • Cypress A purely JavaScript-based front-end testing tool built for the modern web. It aims to address the pain points developers or QA engineers face while testing an application.

Web Design

  • Figma A design tool for UI/UX design

  • Protopie It's a no-code creation tool used to create interactive prototypes for mobile, web, desktop or the Internet of Things (IoT).

  • Framer Framer is an awesome tool to empower you to create interactive, highly customisable prototypes with code

  • Mockflow A wireframe software that allows you to create an interface. It has several internal components and icons.

Miscellaneous

  • Madge Madge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and give you other useful info. Joel Kemp's awesome dependency-tree is used for extracting the dependency tree.

  • Small Dev Tools Website with a variety of small, helpful tools. Examples include quick URL encoding/decoding, code formatters, lorem ipsum generation, and a markdown editor.

  • StackEdit Browser-based markdown editor.

  • GitHub GitHub is a web-based interface that uses Git, the open source version control software that lets multiple people make separate changes to web pages at the same time.

  • SourceTree Sourcetree is a Graphical User Interface (GUI for the cool kids) used to manage Git repository hosts

  • StackOverflow A question and answer website built for programmers and tech enthusiasts.

  • Tiny Helpers A collection of free single-purpose online tools for web developers... Examples include tools for CSS, Color, SVG, Accessibility, Performmance, Icons and many more.

  • markdownlint Visual Studio Code extension for markdown that will lint and style check it. For example, rule MD041 suggests that markdown files start with top-level headings. A list of problems is generated on save, and it offers guidance and automatic fixes. Turn off the rules you disagree with or write your own.

  • Notion Notion is a note-taking app that allows you to create and organize notes, tasks, wikis, and databases. It is a great alternative to Evernote.

Design System

  • Ant Design Ant design is a design system for enterprise-level products.

  • Bootstrap Bootstrap is a free tool for HTML, CSS and JS development.

  • Materalize Materialize is a modern responsive CSS framework based on Material Design by Google.

  • Semantic UI Semantic UI is an open source UI framework.

  • Tailwind CSS Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.

About

Developer tools