npm package: @json-dom/react-json-starter
Description: **react-json stands for _structure_, _short_ & _simple_**
Author: joaoalbertocsjunior
Latest version: 0.1.4

# react-json

**react-json stands for _structure_, _short_ & _simple_**

This aims to be a light-weight, minimal and community-driven project to achieve the goal of giving the developers an opportunity to leverage the most of react.js potential by providing web developers tools to write webapps using _json_ structural patters instead of _xml_. This enables developers to use non-relational databases and json-oriented apis to build the next _state-of-art_ web.

- At some point there will be translations and integrations for other _backend-capable_ web languages such as python, php, ruby... and others.

## Why _this should remain evergreen_

- In _near_ future, ready-to-consume components may be more easy to integrate by being directly requested and fetched via json-based apis or be transmitted and retrieved with the help of body requests or url params, using json instead of xml.
- This is possible due to the capability of serving data-bound components already attached to they corresponding render structure.
- This enable developers to add new features to apps in a more _fast_ and _deploy-ready_ way.

## This _is not_ a

- Replacement for css;

## Stay tunned to the FAQ

Read the [_Long-Run_ FAQ](./about/faq.md)

## Learn from examples (section under construction, [read the FAQ](./about/faq.md))

You can:

- View [Documentation](./about/docs.md)
- Check [Examples](./examples)
- Use [Code Playground]

## Table of Contents

White sections are still under construction and not yet available.

- Features
- [Prerequisites](#prerequisites)
- Installation
- [Contributors](#contributors)
- [License](#license)
- [Third-Party Libraries](#third-party-libraries)
- [Mainteners](#mainteners)

## Prerequisites

Must have installed

- node
- npm

You can download these [here](https://nodejs.org/en/download/package-manager).

Must known syntaxes:

- html
- css
- javascript

[W3Schools](https://www.w3schools.com/) can help you learning _html_, _css_ and _javascript_ with a clean and easy-to-read documentation.

[ReactJS](https://react.dev/) even if _not strictly_ necessary, can be very worth to learn due to its ecossystem and state-management.

[MDN](https://developer.mozilla.org/en-US/) is also a great learning source for indeep web development material although i highly recommend using _w3schools_ first for fast references.

## Installation

Once you have node and npm installed you can use the console to:

- With npx installed you can download the available starter template by:

	```bash
	npx react-json-starter

- You can also install it to an existing project by:

	```bash
	npm i @joaoalbertocsjunior/react-s
	
	import { json, dom, globals } from "@joaoalbertocsjunior/react-s";

- Alternatively you can:

	1. **Clone the repository**

	   Start by cloning the repository to your local machine. 

	   ```bash
	   git clone https://github.com/json-dom/react-json.git
	   cd react-json-starter  
	   
	2. **Install dependencies**

		```bash
		npm install
		
	2. **Run development server**	
		
		```bash
		npm run start


## Documentation (Available Soon)

## License

The project is licensed under the MIT License - see the [LICENSE](./LICENSE.txt) file for details.

## Third-Party Libraries

The is a React.js project bootstrapped using `npx create-react-app` and includes various third-party dependencies. The project is licensed under the MIT License.

The project uses third-party libraries that are licensed under the MIT License. See the [LICENSE](./LICENSE.txt) file for full licensing information.

## Contributors

Get listed [here](./about/contributors.txt), focus is to improve it on daily basis.

You can help this repository to grow by:

- Providing ideas;
- Writing [documentation](./about/docs.md);
- Improving and publishing code;
- Spreading the _word_;

## Mainteners

The project is currently maintened by joaoalbertocsjunior with help from sources across the web.

Happy hacking!