Git Product home page Git Product logo

basicnuireact's Introduction

Basic Nui React JS Script Template

This script is a basic and essential implementation for creating a Native User Interface (NUI) in FiveM. It provides the foundation for integrating web-based UI elements seamlessly into your FiveM server.

Features

  • Simple and lightweight implementation
  • Easy to customize and extend
  • Well-documented code for better understanding

REQUIREMENTS

A basic understanding of React JS, If you don't understand it, React may not be for you yet.

Installation

  1. write in terminal:
    cd web
    npm i
  1. Download the basicNuiReact folder.
  2. Place the basicNuiReact folder in your FiveM server's resources directory.
  3. Add start basicNuiReact to your server.cfg file. or use refresh, and start basicNuiReact in the server console
  4. If you chose to add that line to your server.cfg, Restart your FiveM server.

Usage/Examples

inside the game you can write in the chat /show-ui, and the website will be shown on the screen

  • In order to modify the website in react, within visual studio code, for example, you will have to modify the src components, and once you have everything prepared, you will only have to write this in a terminal:
    cd web
    npm run build
  • and then restart the server, or use the refresh command, and restart basicNuiReact in the server console

Screenshots

  • typing show-ui in the chat, our website will appear. Screenshot 01

  • by pressing the ESC key, it will stop showing our website Screenshot 01

Author

basicnuireact's People

Contributors

crezty avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.