Skip to content

JebBarbas/jebjust

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jebjust

Return only what you want, the most specialized javascript module ever. Built in a computer, written using the most new technologies like ECMAScript 2021, TypeScript, NodeJS.


Travis (.com) GitHub language count David npm bundle size GitHub code size in bytes GitHub repo file count Lines of code GitHub all releases npm GitHub issues NPM npm GitHub commit activity GitHub contributors npm collaborators EPICITY RATE PRICE AUTHOR MASTER TYPESCRIPT JAVASCRIPT HTML CSHARP CPLUSPLUS C PYTHON NODE NPM CAN_INSTALL CAN_INSTALL_DEV CAN_INSTALL_GLOBAL NAME

GitHub forks GitHub Repo stars GitHub watchers

Instalation - NodeJS

You can install justjs using the next line in your terminal or CLI: npm i jebjust

Or if you want to install it as a dev-dependency: npm i jebjust -D

Or if you want to install it globally: npm i -g jebjust

Importation - NodeJS

You can import it ussing the commonJS module syntax:

const { just } = require('jebjust')

Or ES2015 syntax:

import { just } from 'jebjust'

Instalation - Browser

To use in the browser you can use the CDN provided by jsDelivr to our browserified file.

<script src="https://cdn.jsdelivr.net/npm/jebjust@1.0.1/dist/bundle.js"></script>

Now jebjust is available in window.just

Usage

Once imported, you can use jebjust using the exported function with a paramether that is gonna be returned, here is an example using react-native, react-native-paper, lodash (to short code) and jebcolors (another of my modules that makes a great synergy with this one).

import React, {useState} from 'react'
import { View, StyleSheet } from 'react-native'
import { Button } from 'react-native-paper'
import { jebcMainColors, bootstrapMainColors, socialMainColors } from 'jebcolors'
import { uiMainGradients } from 'jebcolors/dist/gradients'
import { rgb } from 'jebcolors/dist/functions'
import _ from 'lodash'

import { just } from 'jebjust' // <- DON'T FORGET, VERY IMPORTANT

const MyComponent = (props) => {
    const justUseState = just(useState)
    const justMagic = just(jebcMainColors.magic)
    const justFalse = just(false)

    const [mainColor, setMainColor] = justUseState(justMagic)
    const [blackAndWhite, setBlackAndWhite] = justUseState(justFalse)
    
    const random = just(_.sample)

    const changeMainColor = () => {
        const randomColors = [just(jebcMainColors.magic), just(bootstrapMainColors.success),just(socialMainColors.google)]
        const randomBAWColors = [just('#ffffff'), just('#000000')]

        const justRandomColors = just(randomColors)
        const justRandomBAWColors = just(randomBAWColors)

        if(blackAndWhite){
            setMainColor(random(justRandomBAWColors))
        }
        else{
            setMainColor(random(justRandomColors))
        }
    }

    return (
        <View style={[styles.padding,{backgroundColor: just(mainColor)}]}>
            <Button onPress={changeMainColor}>Another Color!!!</Button>
            <Button onPress={just(()=>setBlackAndWhite(!blackAndWhite))}>Black and White</Button>
        </View>
    )
}

const styles = StyleSheet.create({
    padding: {
        padding: just(5)
    }
})

About

Return just what you want.

Resources

License

Stars

Watchers

Forks

Packages

No packages published