Wax_react_template

screenshot of Wax_react_template

Wax_react_template

A template for WAX developers made with React and using UAL for logging

Overview:

The React Template for WAX (UAL) is a customizable template designed to simplify the use of WAX with React. It provides easy integration with the WAX blockchain and offers features like user login management, global state management using Redux, and protected routes.

Features:

  • User Login Management: The template includes a UserService.js file that helps manage user login, UAL configuration, and different login methods. It provides functions to check the user's login status and saves user data in the app's global state using Redux.
  • Global State Management: The template includes a GlobalState folder where the configuration and store from Redux are stored. This allows for easy access and management of user data throughout the app.
  • Web Route Management: The App.js file helps manage the web's route system, allowing for easy navigation between different pages.
  • Protected Routes: The template provides a ProtectedRouter.jsx component that protects routes by checking the user's login status before allowing access.

Installation:

To install the React Template for WAX (UAL), follow these steps:

  1. Make sure all the necessary dependencies are installed beforehand. The required dependencies include:

    • @eosdacio/ual-wax
    • ual-anchor
    • ual-plainjs-renderer
    • anchor-link
    • react-router-dom
  2. Clone the template repository to your local machine.

  3. Open the terminal and navigate to the cloned repository folder.

  4. Run the following command to install the remaining dependencies:

    npm install
    
  5. Once the installation is complete, you can start the project by running:

    npm start
    

Summary:

The React Template for WAX (UAL) is a useful tool for developers looking to integrate WAX blockchain functionality into their React projects. With features like user login management, global state management, and protected routes, it provides a solid foundation for building WAX applications. By following the installation guide, developers can easily set up and start working with the template.