Create React Static Atlassian Connect Addon

screenshot of Create React Static Atlassian Connect Addon
react

A boilerplate for static Atlassian Connect add-ons built on top of create-react-app

Overview

If you are looking to create a static Jira or Confluence Atlassian Connect addon quickly and efficiently, the boilerplate built on top of create-react-app might just be what you need. This setup simplifies the entire process, allowing developers to deploy and develop their addons in a matter of minutes. With comprehensive configuration steps and quick start instructions, you can jump straight into utilizing the powerful React framework while maintaining compatibility with Atlassian's ecosystem.

This boilerplate takes care of the tedious setup and ensures that developers can focus on building fantastic functionalities for their addons. Whether you're an experienced developer or just starting with Atlassian Connect, this tool provides a great foundation for creating engaging and useful applications.

Features

  • Quick Setup: Easily create your Atlassian Connect addon in just a few minutes with a straightforward initial setup process.

  • Node Compatibility: This setup requires Node version 6 or higher, ensuring compatibility with modern JavaScript features and libraries.

  • Environment Configuration: The package.json file allows you to specify essential properties such as development and production instance hosts, which makes switching between environments seamless.

  • Automatic URL Management: The included scripts handle URL updates automatically, ensuring your addon communicates correctly with both development and production environments.

  • Ngrok Integration: Benefit from ngrok to securely tunnel your development environment, allowing for easy testing and interaction with your Atlassian instances.

  • Clipboard Utility: The setup includes functionality to automatically copy important URLs to your clipboard, enhancing your workflow by saving you time and effort.

  • Helper Functions: The util.js file contains various helper functions designed to streamline common tasks within your addon development.

  • Detailed Documentation: Well-structured guidance on setting up and managing the addon ensures that you have all the information you need at your fingertips for a successful development process.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components