0.0.1 • Published 7 years ago

useless-things v0.0.1

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

useless things

Comes With:

  • \<Blink> - Yes this classic HTML tag has a comeback tour, & it starts here.
  • TerribleName() - Need to name that uploaded file? How about carnival-joining-perverted-grapes.png?
  • \<SinWave> - It's not math... it's useless!
  • \<RainbowText> - 🌈 🦄 🎉 ✍️
  • TrumpSort() - Make sorting great again

Blink Tag

Nostalgic for the 90s? Wish you could still have you own Geocities page? Well... you can't... but you can recreate some of that magic and annoyance with the Blink tag!

import { Blink } from 'useless-things'
import { View, Image } from 'react-native'

...

  <Blink>Hey look at me blinking!</Blink>

blink

But better than the old blink tag! You can blink anything!

  <Blink duration={1000}>
    <Image
      style={{width: 200, aspectRatio: 1}}
      source={{uri: 'http://i.imgur.com/HLQp7FV.png'}}
    />
  </Blink>

blink image Blink props:

PropTypeDefaultDescription
durationnumber(400)Milliseconds between each blink
styleObject({width: 200, height: 100})Style of the blink container

Terrible Names

Generate friendly names like haunted effervescent twerk for your app! Use it for usernames, rooms, or whenever you need to assault your users with a moniker!

You can also just loop the output for some super classy Lorem Ipsum.

With a friendly TerribleName function, your customer service satisfaction can be unleashed!

import { TerribleName } from 'useless-things'

const basic = TerribleName()
// result: pulsing confused fetish

const newDelimiter = TerribleName('-')
// result: acrid-haunted-furry

terrible names

🚨 Pull Request Alert: Only the most versatile yet terrible adjectives/nouns will be accepted.

This function takes one parameter; the delimiter for the resulting words. Default value is a space.

SinWave

You say it at least once per project,

"This app needs dots that move n stuff"?

Well now you can quickly and easily add sinusoidal dots to any application with ease.

Basic usage:

import { SinWave } from 'useless-things'

...

  <SinWave />

sine

Advanced properties

  <SinWave
    flat
    fade
    dotCount={50}
    delayGap={200}
    period={3000}
    style={{backgroundColor: '#feffff'}}
  />

sinwave fade

SinWave props:

PropTypeDefaultDescription
flatbooleanfalseChanges dots to lines
fadebooleanfalseChanges opacity of dots in gradiation from 0 to 1
dotCountnumber5Number of dots in your sinwave
delayGapnumber400Milliseconds between each animation start
periodnumber2000Milliseconds for one single oscillation
styleStyleSheetnullAdditional styles

RainbowText

Your client tells you all the time,

"Doesn't it lack a little bit of color"?

He wants color, give him color!

Basic usage:

import { RainbowText } from 'useless-things'

...

  <RainbowText>Look at this rainbow!</RainbowText>

rainbow-text

RainbowText props:

PropTypeDefaultDescription
styleStyleSheetnullAdditional Text styles (color WILL be overwritten)

Trump Sort

I know we're all wondering where all these foreign numbers are coming from. How are we supposed to keep these arrays sorted?

We've implemented a number form of Trump Sort (more info here), so you can rest your cheeto colored little hands.

import { TrumpSort } from 'useless-things'

const classism = TrumpSort([2,2,3,5,1,2,7,9,5,8])
// result: [2, 2, 3, 5, 7, 9]

terrible names

Check out that awesome wall we built to keep those numbers out!

Incoming Features:

  • beveled buttons
  • marquee tag
  • tiled background
  • konami code event

... and so much more

To Run Example

$ cd example
$ yarn
$ yarn ios