purescript-reactpurescript-react
104

Purescript Lumi Components

screenshot of Purescript Lumi Components
react

Library of our UI components

GithubDemo

Overview

The purescript-lumi-components is a component library specifically designed for Lumi's UI and UX needs. It includes a set of components that can be readily used in Lumi's applications. This library aims to provide a consistent and efficient development experience for Lumi's designers and developers.

Features

  • Component-focused: The library focuses on providing a wide range of components tailored to Lumi's specific UI and UX requirements.
  • Easy CSS integration: To utilize the styles that come with these components, the CSS needs to be injected into the page. This can be done by running the attachGlobalComponentStyles effect provided by Lumi.Components.Styles during application initialization.
  • Local development support: The library includes support for local development and enables running production builds that output minified, static files into the build/ directory using the npm run build command.

Summary

The purescript-lumi-components library is a highly specialized component library tailored specifically for Lumi's UI and UX needs. With its focus on providing a wide range of components and easy integration of CSS styles, it aims to streamline the development process for Lumi's designers and developers.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.