https://github.com/xtuc/css-as-react-component

Transform CSS code into React components
https://github.com/xtuc/css-as-react-component

Last synced: over 1 year ago
JSON representation

Transform CSS code into React components

• Host: GitHub
• URL: https://github.com/xtuc/css-as-react-component
• Owner: xtuc
• Created: 2016-11-14T20:48:13.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-08T12:20:51.000Z (over 9 years ago)
• Last Synced: 2025-03-17T11:52:45.438Z (over 1 year ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CSS as React component

[![Greenkeeper badge](https://badges.greenkeeper.io/xtuc/CSS-as-React-component.svg)](https://greenkeeper.io/)

[![Build Status](https://travis-ci.org/xtuc/CSS-as-React-component.svg?branch=master)](https://travis-ci.org/xtuc/CSS-as-React-component)

## Goal

Transform CSS code into React components or at least an attempt to it.

I'm trying to find a handy way to use CSS in components (particuliary intended to server-side rendering).

## Usage

```shell

npm install

```

```shell

./bin/index [filename.css] > components.js

```

`components.js` will contain the generated React components.

## Example

```css

.link {

  color: blue;

}

```

```js

class Base extends React.Component { … }

export class Link extends Base {

  style = {"color":"blue"}

}

```

```jsx

import { Link } from '…';

Test link

```

## Roadmap

### Version 1

* [ ] Support CSS child selectors

* [ ] Support CSS pseudo-classes