The modular JavaScript framework
For documentation, visit https://frint.js.org.
Key characteristics and features include:
- Gives your applications a structure
- Environment agnostic (runs in browser, server, and CLI)
- Rendering library agnostic (integrates with React, Vue, and Preact)
- Composable with multiple packages as needed
- Each package is focused on doing one thing only and doing it well
- Modular architecture with Apps
- Embraces reactive programming with RxJS
- Progressive and easy to adopt in existing applications
This project adheres to the Contributor Covenant code of conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to [email protected].
Install frint-cli
:
$ npm install -g frint-cli
Initialize an example app:
$ frint new my-directory --example kitchensink
Now you can install all the dependencies, and start the application:
$ cd my-directory
$ npm install
$ npm start
Find more examples here.
The framework is a collection of these packages, which can be composed together on demand:
Package | Status | Description |
---|---|---|
frint | Base for creating Apps | |
frint-store | State management with reactive stores | |
frint-data | Reactive data modelling | |
frint-react | React.js integration | |
frint-react-server | Server-side rendering of Apps | |
frint-router | Router services for building Single Page Applications | |
frint-router-react | React components for building SPAs | |
frint-cli | CLI runner | |
frint-model | Use frint-data instead |
These packages enable you to create packages integrating FrintJS with other rendering libraries:
- frint-component-utils: Utils for reactive Components
- frint-component-handlers: Handlers for integrating with other rendering libraries
- frint-router-component-handlers: Handlers for integrating
frint-router
with other rendering libraries
- frint-test-utils: Internally used test utilities
- frint-config: Common config for your Apps
- frint-compat: Backwards compatibility for older versions
- frint-vue: Vue.js integration
- frint-react-native: React Native integration
MIT © FrintJS Authors and Travix International