Reaxt

screenshot of Reaxt
react

Use React template into your Elixir application for server rendering

Overview

Reaxt is a library that allows you to integrate your React components into your Elixir application. It provides an isomorphic environment, meaning that your application can work seamlessly with both server-side Elixir and client-side JavaScript. With Reaxt, you can use any JavaScript compiled language and any JavaScript routing logic or library. It offers a nice development workflow with combined stacktrace, hot reloading, and an NPM/Webpack configuration. Reaxt also provides a user interface to view your compiled JavaScript application.

Features

  • Use React components in your elixir application
  • Isomorphic ready library for SEO and JS integration
  • Use any JavaScript compiled language
  • Use any JavaScript routing logic or library
  • Use JS React rendered component only for parts of your webpage
  • Fluent development workflow with combined stacktrace
  • Hot loading on both server and browser
  • NPM/Webpack as the only configuration for dependencies and compilation
  • Cool UI for an overview of your compiled JavaScript application

Summary

Reaxt is a library that allows you to seamlessly integrate React components into your Elixir application. With its isomorphic environment, you can use both server-side Elixir and client-side JavaScript to build your application. Reaxt provides a range of features including isomorphic compatibility, support for various JavaScript languages and routing logic, a fluent development workflow, and an easy installation process. By following the provided installation guide, you can quickly start using Reaxt in your Elixir application.

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

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.