Giter Club home page Giter Club logo

react-look's Introduction

<p align="center"><img src="https://raw.githubusercontent.com/rofrischmann/react-look/develop/res/logo.png" width=400></p>
<p align="center">
Advanced & Dynamic Component Styling for <a href="https://facebook.github.io/react/">React</a> and <a href="https://facebook.github.io/react-native/">React Native</a>.
<br>
<a href="https://gitter.im/rofrischmann/react-look"><img alt="Gitter" src="https://img.shields.io/gitter/room/rofrischmann/react-look.svg"></a>
<img alt="TravisCI" src="https://travis-ci.org/rofrischmann/react-look.svg?branch=develop">
<a href="https://codeclimate.com/github/rofrischmann/react-look/coverage"><img alt="Test Coverage" src="https://codeclimate.com/github/rofrischmann/react-look/badges/coverage.svg"></a>
<a href="https://codeclimate.com/github/rofrischmann/react-look"><img alt="Code Climate" src="https://codeclimate.com/github/rofrischmann/react-look/badges/gpa.svg"></a>
</p>

# Packages
Wondering where all the content was going to? Look was restructured into single packages as support for React Native was added. Having single packages and some common files that are shared by both helps to keep the code & documentation clean while still having the ability to manage issues/feature requests for both packages in a single repository.

## [react-look](packages/react-look)
This package targets `react-dom`. Working with the web this is the package you need to use. It supports both client-side and server-side rendering. It uses CSS under the hood which allows us to use pseudo classes and media queries by default.

#### [react-look-test-utils](packages/react-look-test-utils)
This package contains several test utilities for react-look.

## [react-look-native](packages/react-look-native)
This package targets `react-native`. With no CSS support this package uses a different way to achieve the benefits of dynamic Component styling.


# Universal API
While the core modules and styling mechanism of both packages are totally different, we still try to achieve an universal API. Both use the exact same API except for the package-names.
>If you've already learned to use one, you can use the other one without additional effort.


# Support
If you have any questions, feel free to ask them on <a href="https://gitter.im/rofrischmann/react-look">Gitter</a>, Stack Overflow or <a href="https://twitter.com/rofrischmann">Twitter</a>.
I will not answer usage questions as issues but close them directly.

react-look's People

Contributors

dustin-h avatar wyze avatar dehlen avatar moaazsidat avatar adrianleb avatar alastairtaft avatar michelebertoli avatar nikgraf avatar kitten avatar travischoma avatar paulscheltema avatar

Stargazers

Marc Fisher avatar

Watchers

Lou Acresti avatar James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.