https://github.com/sfroment/astro-plugin

astro stylex experiment
https://github.com/sfroment/astro-plugin

astro astrojs stylex stylexjs

Last synced: 14 days ago
JSON representation

astro stylex experiment

• Host: GitHub
• URL: https://github.com/sfroment/astro-plugin
• Owner: sfroment
• Created: 2023-11-25T12:53:05.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-10T14:47:37.000Z (about 1 year ago)
• Last Synced: 2025-01-06T15:23:12.396Z (19 days ago)
• Topics: astro, astrojs, stylex, stylexjs
• Language: JavaScript
• Homepage:
• Size: 85.9 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Astro Facebook Stylex Plugin](https://github.com/sfroment/astro-plugin)

## NOTES

This isn't intended for production usage but just to show case a way of working with Astro and Stylexjs.

All this is just experimental.

## Overview

This Astro plugin provides an easy and efficient way to integrate Facebook's Stylex library into your Astro projects. Stylex is a CSS-in-JS library developed by Facebook that offers a unique approach to styling components in a consistent and scalable way.

## Features

- **Seamless Integration:** Quickly add Stylex to your Astro projects.

- **Optimized Performance:** Ensures minimal impact on load times and performance.

- **Customizable:** Easily adapt Stylex to fit your project's design requirements.

## Installation

To install the plugin, run the following command in your Astro project:

```bash

npm install @sfroment/astro-stylex @stylexjs/stylex@beta

```

## Usage

After installing the plugin, add it to your `astro.config.mjs` file:

```javascript

import { defineConfig } from 'astro/config';

import stylexIntegration from "@sfroment/astro-stylex";

export default defineConfig({

  // other configurations...

  plugins: [stylexIntegration()],

});

```