Happy Hacktober! There are only a few days left of Hacktober, but it's not too late to contribute.
- You can win prizes.
- This year, you can receive swag (or have a tree planted in your name) as a reward for making pull requests to projects participating in Hacktoberfest. Hint: All the projects described below are participating in Hacktoberfest and welcoming contributions.
- You can strengthen your technical and communication skills.
- You can expand your network.
- You can improve your career.
Hoppscotch is an open source API development ecosystem. Through Hoppscotch, users can test and build their APIs for free. Creator and CEO Liya Thomas developed Hoppscotch after using Postman. While his experience was positive, he was inspired to create an API testing tool with the following characteristics:
- open source
- runs on multiple platforms
- runs on multiple devices
- in-browser Read more about Liya's motivation behind Hoppscotch.
Open source API development ecosystem
Built with ❤︎ by
Table of contents
- Built with
- Continuous Integration
GET- Requests retrieve resource information
POST- The server creates a new entry in a database
PUT- Updates an existing resource
PATCH- Very similar to
PUTbut makes a partial update on a resource
DELETE- Deletes resource or related component
HEAD- Retrieve response headers identical to those of a GET request, but without the response body.
CONNECT- Establishes a tunnel to the server identified by the target resource
OPTIONS- Describe the communication options for the target resource
TRACE- Performs a message loop-back test along the path to the target resource
<custom>- Some APIs…
If you want to learn more about Hoppscotch, check out our Open Source Friday stream featuring Hoppscotch's CEO Liya Thomas and Developer Advocate Michelle Mannering.
Developed in 2020, Blitz.js is a "Zero-API" data layer that enables users to import server-side code directly into React components instead of manually adding API endpoints, handling client-side fetching, and handling caching. Out of the box, Blitz includes ESLint, Prettier, Jest, user sign up, log in, and password reset. The creator, Brandon Bayer, appreciated that Ruby-on-Rails has all the tools he needed to create web apps quickly but preferred React's dynamic UI. Instead of just wishing that React came with these tools out of the box, he developed Blitz.js. Read the manifesto to learn more about how Blitz.js works.
You can create a Blitz.js application by running the following commands:
blitz new myAppName
Here are working examples of Blitz.js in action.
The Fullstack React Framework
"Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails
“Zero-API” data layer lets you import server code directly into your React components instead of having to manually add API endpoints and do client-side fetching and caching.
New Blitz apps come with all the boring stuff already set up for you! Like ESLint, Prettier, Jest, user sign up, log in, and password reset.
Provides helpful defaults and conventions for things like routing, file structure, and authentication while also being extremely flexible.
You need Node.js 12 or newer
npm install -g blitz or
yarn global add blitz
You can alternatively use
Create a New App
blitz new myAppName
- View your brand new app at http://localhost:3000
The Foundational Principles
- Fullstack & Monolithic
- API Not Required
- Convention over Configuration
- Loose Opinions
- Easy to…
If you want to learn more about Blitz.js, check out our Open Source Friday stream featuring Blitz.js's CEO, Brandon Bayer, and GitHub's Director of Developer Advocacy, Brian Douglas.
Ngrx enables developers to add reactive state management to Angular applications. It’s a group of Angular libraries, which provides standardized APIs for reactive programming.Through reactive programming, your application listens and subscribes to events within your application. People often use Ngrx because it reduces complexity and coupling between different elements of the app by creating a unidirectional flow. The architecture is also made simple by following the Redux pattern.
Reactive libraries for Angular
Check out our website: ngrx.io.
NgRx is a community-driven project. Read our contributing guidelines on how to get involved.
Become a gold sponsor and get your logo on our README on GitHub and the front page of ngrx.io.
Become a silver sponsor and get your logo on our README on GitHub and our website ngrx.io.
Become a bronze sponsor and get your logo on our README on GitHub.
If you want to learn more about Ngrx, check out our Open Source Friday stream featuring Ngrx maintainer Brandon Roberts and GitHub's Director of Developer Advocacy, Brian Douglas.