Git Product home page Git Product logo

zendesk-react-app-boilerplate's Introduction

Boilerplate for Zendesk App Framework v2 using React

Includes

  • React
  • Redux
  • Redux Thunk
  • Webpack
  • Babel
  • SASS compiler
  • CSS modules
  • Jest
  • zafClient
  • ZAT Commands (We include some commands that require you install ZAT )

How to use it

Start by cloning this repository with git clone https://github.com/Cloudhuset/Zendesk-React-App-Boilerplate.git

Commands

Install all node modules before running any commands since some commands might require a specific node module. Note that yarn can be replaced with npm by writing npm run instead.

yarn build

This command can be used to build to build the application to the dist/ folder using the production env.

yarn build-dev

This command can be used to build to build the application to the dist/ folder using the development env.

yarn watch

This command watches for file changes and when a file is changed builds to the dist/ folder using the development env.

yarn package

This command packages the dist/ folder for upload to Zendesk in a .zip file. Note you must run yarn build at least once before using this command.

yarn build:package

This command uses npm-run-all to run both the yarn build and the yarn package command with one command.

yarn serve

This command uses ZAT to serve the content to your Zendesk directly from your computer

Read more about ZAT Here: https://developer.zendesk.com/apps/docs/developer-guide/zat

yarn clean

This command uses rimraf to remove the last .zip from the dist/ folder.

yarn test

This command uses Jest to run tests. All tests are placed in the src/__tests__ folder.

Do you have any ideas

Please let us know by making an issue here on github. Also feel free to contribute to the development, by making a pull request.

License: MIT

zendesk-react-app-boilerplate's People

Contributors

dependabot[bot] avatar herlevsen avatar mn-cloudhuset avatar oliverlauridsen-cloudhuset avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.