This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundle code

Overview

NPM JavaScript Style Guide NPM npm GitHub stars

React-compress

This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundle code without problems like this:


Usage

Install library into your project (with npm or yarn), how dev:

npm i react-compress --save-dev
---
yarn add react-compress -D

And then just add react compress in your package.json build script like below:

-   "build": "react-scripts build",
+   "build": "react-scripts build && react-compress",

And then just run script build like you always do:

npm run build
---
yarn run build

Example

Before react-compress:


Build script with this library:


After react-compress:

Summary

You can made your build folder 30% smaller and optimized than it was without this library. How you can see in Example pictures our JS bundle who loaded 0.39s without this library now loaded in 0.2s, it's almost 50%!.

And of course when your project larger this library will give you more profit

If you have some problems, write me, or use issues in this repository

Good luck!

You might also like...

ReactJS-Travel-Website - This is a travel(adventure) website made with ReactJS.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jan 1, 2022

🏁 High performance subscription-based form state management for React

🏁 High performance subscription-based form state management for React

You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of React Final Form.

Jan 7, 2023

A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

Google Clone with ReactJS A small web app that imitate the desktop web version of google site, you can search whatever you want. Google Clone Demo Lin

Aug 14, 2022

To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them πŸš€

To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them πŸš€

Slinkity 🚧 This project is heavily under construction! 🚧 As excited as you may be, we don't recommend this early alpha for production use. Still, gi

Dec 27, 2022

A Webapp related to Crypto go and have a look shows every thing you want to know

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Oct 19, 2021

A hotel reservation app displays all the existing hotels and details of each hotel, allowing the user to reserve the hotel they want.

Reservify A hotel reservation app displays all the existing hotels and details of each hotel, allowing the user to reserve the hotel they want. Allows

Oct 6, 2022

A Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote

A Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote.

May 31, 2022

a more intuitive way of defining private, public and common routes for react applications using react-router-dom v6

auth-react-router is a wrapper over react-router-dom v6 that provides a simple API for configuring public, private and common routes (React suspense r

Dec 3, 2022

πŸŽ‰ toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!

πŸŽ‰ toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!

toastify-react-native πŸŽ‰ toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense! De

Oct 11, 2022
Releases(2.5.4)
Juka Official Website built on top of Docusaurus/React Framework. Help us make it better!

Juka Programming Language Juka Programming Language website is built on top of Docusaurus 2. Feel free to contribute to our website! Any help is appre

Juka Programming Language 5 Dec 24, 2022
Auto-claim all games from an itch.io bundle, adding them to your library

itchio-bundle-claimer Auto-claim all games from an itch.io bundle, adding them to your library. For example, "Bundle for Ukraine." How to Use Prerequi

null 14 Jan 2, 2023
CEP is a software platform designed for users that want to learn or rapidly prototype using standard A.I. components.

Cortic Edge-computing Platform (CEP) CEP is a software platform designed for users that want to learn or rapidly prototype using standard A.I. compone

Cortic Technology Corp. 137 Jan 1, 2023
Notices on a digital platform are quick and easy to access, reduce a lot of paper waste, and one can get notified about the updates and news.

DigitalNoticeBoard - Mobile App - (Still In DEV) An Notice Board App for Students To Stay Connected With The College Updates..! Why a college campus n

Badineni Sai Vardhan 6 Nov 24, 2022
Further split the React Native code based on Metro build to improve performance, providing `Dll` and `Dynamic Imports` features

React-Native Code Splitting Further split the React Native code based on Metro build to improve performance, providing Dll and Dynamic Imports feature

Wuba 126 Dec 29, 2022
Terminal Styled Portfolio Website Λ‹( Β° ▽、° ) , a terminal style/styled portfolio website made with <3 using react.

AshTerm A Terminal Styled Portfolio Website. ??‍?? Made Using- βš› Framework ReactJS ?? Terminal react-console-emulator ?? Deployed using CloudFlare Run

ashish 67 Nov 22, 2022
Math Magicians! This is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make basic calculations and read a random math-related quote.

Math Magicians Math Magicians is the first React Project I'm building. The main objective of this is to understand React features with a project-based

AndrΓ©s Felipe Arroyave Naranjo 7 Feb 26, 2022
"Math magician is a website for all fans of mathematics. It is a Single Page Application(SPA) that allows users to make simple math calculations and read some math related quotes."

Math Magicians "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations

Michael_Tamirie 3 Mar 29, 2022
Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

Math Magicians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations.

null 7 Mar 23, 2022
Choosy is a mobile application that allows users to create photo polls that others can vote on and help declare which photo is the best.

Choosy - Create photo polls The freshest mobile application for your photo polls! Explore the docs Β» Table of Contents Introduction App concept Target

Choosy 13 Sep 7, 2022