nlarche / frint

Modular JavaScript framework for building scalable and reactive applications

frint

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].

Quick start

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.

Packages

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

For library developers

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

Internally used

• frint-test-utils: Internally used test utilities
• frint-config: Common config for your Apps
• frint-compat: Backwards compatibility for older versions

Community projects

• frint-vue: Vue.js integration
• frint-react-native: React Native integration

License

MIT © FrintJS Authors and Travix International