FiveM React Typescript Eslint Boilerplate

Boilerplate for FiveM with React Typescript Eslint using Classic Yarn workspaces.

Includes Eslint for client server and ui with typechecking.

Requirements

• Brains
• Yarn
• Basic understanding of web development with react and some understanding of fivem resources.
• Basic idea of yarn workspaces

How to use

1. Download this repo and extract
2. Rename folder to something great and innovative
3. Place folder to your Cfx server resources folder
4. Add ensure your_resource_name_here to your server.cfg
5. yarn install in root of the project
6. Start making content using commands listed below

Development

yarn watch:ui Launches web browser with UI. You can also develop in game with this mode.

yarn watch:app Starts watching for changes in client and server. Rebuilds on change. Works also in game.

Building

yarn build

Acknowledgements

React utils are from Project Error. You can read more about the utils at Project Error react boilerplate