DEV Community

tranbathanhtung
tranbathanhtung

Posted on

Re-jok - A small react UI component library built with styled-components

Hi everyone!!! I just built a small library ui for react... I just started learning react a few months ago on the internet and had a three-month internship ... The idea came when I got to the spectrum .. I learned a lot of new stuff from the spectrum and I decided to practice by building re-jok ... so maybe my code looks very stupid or has lots of bugs but I hope everyone to like it..... I will try to improve it

This's my repo:

GitHub logo tranbathanhtung / re-jok

A React UI Component library built with styled-components

Re-jok

Re-jok is a React UI component library built with styled-components. It's a collection of components that help you design websites fast and beautiful easily. Now, it's very young, few components or somewhere looks like stupid but we always try to improve and add more components in the shortest time.

Why Re-Jok

  • Very lightweight... About 38KB min+gzip
  • Easy to customize component
  • Easy to customize theme

Installed

npm i --save re-jok
Enter fullscreen mode Exit fullscreen mode

Getting Started

import React from 'react'
import { globalConfig, JokTheme, Button } from 're-jok'

globalConfig();

const App = props => (
  <JokTheme>
      <Button>Hello World</Button>
  </JokTheme>
)
Enter fullscreen mode Exit fullscreen mode

Documentation




Thanks all!!!

Top comments (6)

Collapse
 
ben profile image
Ben Halpern

Looks cool! Styled components is a great library.

Collapse
 
pieterbergwerff profile image
Pieter Bergwerff

Wow! Looks great, clean & complete!
Nice work!

Collapse
 
tranbathanhtung profile image
tranbathanhtung

Thanks, many things to learn but I will try my best

Collapse
 
thobyv profile image
Thoby V ijishakin

Awesome, now I'm inspired to work on my own project too as an intern. Thanks for sharing.

Collapse
 
fabiuxx profile image
Fabio González

Impressive! This looks great. Keep it going :)

Collapse
 
tranbathanhtung profile image
tranbathanhtung

Thanks, I will try my best :))