mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-11-26 15:40:51 +01:00
48e74c81f1
Refactor TransitionAnimation component to use refs and avoid deprecated findDOMNode - Added useRef hook to reference the DOM node directly - Passed nodeRef to the Transition component - Simplified state management and useEffect hook - Cleaned up props destructuring for clarity - Set default empty string for className to simplify handling This update ensures compatibility with future React releases and adheres to modern React best practices. |
||
---|---|---|
.vscode | ||
css-utils | ||
public | ||
src | ||
.browserslistrc | ||
.editorconfig | ||
.gitignore | ||
eslint.config.mjs | ||
index.html | ||
package.json | ||
postcss.config.js | ||
README.md | ||
tailwind.config.js | ||
tsconfig.json | ||
vite.config.mjs | ||
yarn.lock |
Nitro React v2.1
Prerequisites
- Git
- NodeJS >= 18
- If using NodeJS < 18 remove
--openssl-legacy-provider
from the package.json scripts
- If using NodeJS < 18 remove
- Yarn
npm i yarn -g
Installation
- First you should open terminal and navigate to the folder where you want to clone Nitro
- Clone Nitro
git clone https://git.krews.org/nitro/nitro-react.git
- Install the dependencies
yarn install
- This may take some time, please be patient
- Rename a few files
- Rename
public/renderer-config.json.example
topublic/renderer-config.json
- Rename
public/ui-config.json.example
topublic/ui-config.json
- Rename
- Set your links
- Open
public/renderer-config.json
- Update
socket.url, asset.url, image.library.url, & hof.furni.url
- Update
- Open
public/ui-config.json
- Update
camera.url, thumbnails.url, url.prefix, habbopages.url
- Update
- You can override any variable by passing it to
NitroConfig
in the index.html
- Open
Usage
- To use Nitro you need
.nitro
assets generated, see nitro-converter for instructions - See Morningstar Websockets for instructions on configuring websockets on your server
Development
Run Nitro in development mode when you are editing the files, this way you can see the changes in your browser instantly
yarn start
Production
To build a production version of Nitro just run the following command
yarn build:prod
- A
dist
folder will be generated, these are the files that must be uploaded to your webserver - Consult your CMS documentation for compatibility with Nitro and how to add the production files