dphelper v0.7.6

I am dpHelper

dpHelper Devtools by Dario Passariello

Manager | DevTools by Dario Passariello (c)

About

dpHelper is a pricise and complete collection of functions ready to use in all web application. State and Store Management are now easy and global. Just for example “state.myData = ”hello world" and your string is ready everywhere in your Ajax or React app. It's more easy and intuitive of Redux. You don't need to creare any extra files, dispatch or reducer… It's work like saying 123.

Please, read the LICENSE agreement before to implementing in your application.

Live demo

https://a51.dev/tests/

You can see an HTML version where dpHelper and LayerPro works. You can use with html, react, vue or any other frontend / library.

The Best Way To Use State

You can use "state" to store all what you want and reuse everywhere. Like other state manager you can store information in JSON format and you can use them in react, useEffect, dispatch in a very easy way.

example:

You can use devtools in your browser and type " state.test = 'I am ready' ". Every time you want to use 'test' you need just recall state.test.

state.test = "I am ready";

recall

state.test;

To see all states just use

state;

PS: you can use dpHelper browser extension if you want to manage states in a easy way! :)

Install for react + webpack projects

npm i dphelper --save-dev

or update:

npm i dphelper@latest --save-dev

in the index (and only there):

import "dphelper";

or

require("dphelper");

Install for ejs or other type of projects (like html)

note: you don't need to use npm install in this case or you get an error

<script src="https://unpkg.com/dphelper@latest/index.js"></script>

How to use it

type 'dphelper' in your console to have a look about all available tools that you can use globaly!

You can call these from everywhere without import (just one at index)

Instance it

You can istance dpHelper to make it more short command.

Example:

window.dph = window.dphelper || {};

Copy this at top of your index page to be global

You can call these from everywhere without import (just one at index)

Browser Extension (Chrome/Edge)

Chrome: Download from Google Web Store Edge: Download from Microsoft Addons

This extension allows you to manage your app's dpHelper NPM. Here you will find all the tools with description and methods of use. Designed to simplify API operations, data manipulation and retention. You will be able to monitor memory usage and localStorage. You will always be updated on updates and tricks for your daily work. The dpHelper tool is a collection of scripts to simplify, improve and speed up your work. Designed to be easy to install and use. Just use "import 'dphelper'" in your project index. All scripts work in global and are reachable everywhere.

copyright (c) 2019 - 2024 by Dario Passariello