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

Learn from examples (section under construction, read the FAQ)

You can:

• View Documentation
• Check Examples
• Use [Code Playground]

Table of Contents

White sections are still under construction and not yet available.

• Features
• Prerequisites
• Installation
• Contributors
• License
• Third-Party Libraries
• Mainteners

Prerequisites

Must have installed

• node
• npm

You can download these here.

Must known syntaxes:

• html
• css
• javascript

W3Schools can help you learning html, css and javascript with a clean and easy-to-read documentation.

ReactJS even if not strictly necessary, can be very worth to learn due to its ecossystem and state-management.

MDN 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:

  npx react-json-starter
  

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

  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.

     git clone https://github.com/json-dom/react-json.git
     cd react-json-starter  
     	   

  2. Install dependencies

     npm install
        	

  3. Run development server

     npm run start
     
     

Documentation (Available Soon)

License

The project is licensed under the MIT License - see the LICENSE 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 file for full licensing information.

Contributors

Get listed here, focus is to improve it on daily basis.

You can help this repository to grow by:

• Providing ideas;
• Writing documentation;
• Improving and publishing code;
• Spreading the word;

Mainteners

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

Happy hacking!