|
| 1 | +.. Reactonite documentation master file, created by |
| 2 | + sphinx-quickstart on Fri Nov 6 17:32:22 2020. |
| 3 | + You can adapt this file completely to your liking, but it should at least |
| 4 | + contain the root `toctree` directive. |
| 5 | +
|
| 6 | +Welcome to Reactonite's documentation! |
| 7 | +====================================== |
| 8 | + |
| 9 | +About The Project |
| 10 | +----------------- |
| 11 | + |
| 12 | +Reactonite is a free and open source wrapper for react which lets a |
| 13 | +person write vanilla html code and convert it to a react code easily, |
| 14 | +hence building a PWA, SPA ✨ |
| 15 | + |
| 16 | +Here's the key features added to Reactonite: |
| 17 | + |
| 18 | +- Transpile HTML code to React website |
| 19 | +- Create PWAs and React applications as quickly as possible |
| 20 | +- Act as a wrapper to NPM |
| 21 | +- Allow importing of already created HTML file components |
| 22 | +- Hot Reloading |
| 23 | +- Support custom scss, styled-components, material icons etc. |
| 24 | + |
| 25 | + |
| 26 | +Getting Started |
| 27 | +--------------- |
| 28 | + |
| 29 | +To get this repo up and running on your local machine follow these |
| 30 | +simple steps. |
| 31 | + |
| 32 | +Prerequisites |
| 33 | +------------- |
| 34 | + |
| 35 | +Here's a list of things you'll need to have prior to installing the |
| 36 | +software. |
| 37 | + |
| 38 | +- Python |
| 39 | +- NPM |
| 40 | +- NodeJs |
| 41 | +- Any modern web browser |
| 42 | + |
| 43 | +Installation |
| 44 | +------------ |
| 45 | + |
| 46 | +1. Setup virtual environment? |
| 47 | + |
| 48 | +.. code:: sh |
| 49 | +
|
| 50 | + $ virtualenv venv |
| 51 | +
|
| 52 | +> Not necessary but recommended to keep your environment clean. |
| 53 | +> Dont forget to activate it. |
| 54 | + |
| 55 | +2. Clone the repository to local machine. |
| 56 | + |
| 57 | +.. code:: sh |
| 58 | +
|
| 59 | + $ git clone https://github.com/SDOS2020/Team_3_Reactonite.git |
| 60 | +
|
| 61 | +3. Install the package either using pip or python setup tools |
| 62 | + |
| 63 | +.. code:: sh |
| 64 | +
|
| 65 | + $ python setup.py install |
| 66 | + # Use `develop` instead of `install` to get an editable build |
| 67 | +
|
| 68 | + # Alternatively run |
| 69 | + $ pip install . |
| 70 | +
|
| 71 | +4. You are good to go... 🎉 |
| 72 | + |
| 73 | + |
| 74 | +Usage |
| 75 | +----- |
| 76 | + |
| 77 | +Once installed here are the commands that will allow you to create |
| 78 | +Reactonite projects. |
| 79 | + |
| 80 | +``reactonite --help`` |
| 81 | +~~~~~~~~~~~~~~~~~~~~~ |
| 82 | + |
| 83 | +Opens the help page for ``reactonite`` commandline. |
| 84 | + |
| 85 | +.. code:: sh |
| 86 | +
|
| 87 | + $ reactonite --help |
| 88 | + Usage: reactonite [OPTIONS] COMMAND [ARGS]... |
| 89 | +
|
| 90 | + Options: |
| 91 | + --help Show this message and exit. |
| 92 | +
|
| 93 | + Commands: |
| 94 | + create-project |
| 95 | + watch |
| 96 | +
|
| 97 | +``reactonite create-project PROJECT_NAME`` |
| 98 | +~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ |
| 99 | + |
| 100 | +Creates a reactonite app project with required directory structure. |
| 101 | +Change ``PROJECT_NAME`` to your app name. |
| 102 | + |
| 103 | +.. code:: sh |
| 104 | +
|
| 105 | + $ reactonite create-project my-new-project |
| 106 | +
|
| 107 | +
|
| 108 | +.. toctree:: |
| 109 | + :maxdepth: 4 |
| 110 | + :caption: Contents: |
| 111 | + |
| 112 | + modules |
| 113 | + |
| 114 | + |
| 115 | +Indices and tables |
| 116 | +================== |
| 117 | + |
| 118 | +* :ref:`genindex` |
| 119 | +* :ref:`modindex` |
| 120 | +* :ref:`search` |
0 commit comments