Skip to content

TobitSoftware/chayns-react-todo-example

Repository files navigation

license GitHub pull requests

chayns® React example

This project is an example for how you can use chayns® + React.
It's a simple ToDo-List where u can add, check/uncheck and remove ToDos. The ToDos will be saved in the localstorage.

❗ This is just an example project. Don't use it as a basis to build your new project. Use the template to do this and follow the instructions in the readme.

Development

  1. Install all project dependencies with npm i

  2. Start your webpack-dev-server for debugging your project with npm start

    The webpack-dev-server is now running on your localhost on the port 8080. If the port is not available you can change it in the dev.babel.js in the webpack folder.

    npm start runs the server in HTTPS mode. You need to add a ssl certificate to /webpack/ssl. If you just need HTTP then you can use npm run start:http

  3. Enable eslint in your development environment. (not necessary, but recommended)

  4. Implement the example Tapp to your chayns® site .

    1. Go to configuration -> Tapps
    2. Click Add Tapp
    3. Use external content
    4. Give the Tapp a name and type in the following URL : http[s]://localhost:8080
    5. Click add
  5. Start development.

Hint: Writing Tapps with React? You might also want to take a look at our React Style Guide.

Building

You can build this project via npm run build.

You can also build this project with sourceMaps for testing via npm run build:staging.