Looking for documentation on gluestack-ui with NativeWind (alpha) version? Refer to this link.

Contributing to gluestack-ui

We'd love for you to contribute to our source code and to make gluestack-ui even better than it is today! Here are some guidelines we'd like you to follow:

Code of Conduct

Help us keep gluestack-ui open and inclusive. Please read and follow our Code of Conduct.

Ways to Contribute

If you are eager to start contributing code right away, you can go through gluestack-ui bugs There are other ways you can contribute without writing a single line of code. Here are a few things you can do to help out:
  • Replying and handling open issues. We get a lot of issues every day, and some of them may lack necessary information. You can help out by guiding people through the process of filling out the issue template, asking for clarifying information, or pointing them to existing issues that match their description of the problem.
  • Reviewing pull requests. Reviewing pull requests can be as simple as checking for spelling and grammar. If you encounter situations that can be explained better in the docs, click Edit at the bottom left of most docs pages to get started with your own contribution.
  • Help people write test plans. Some pull requests sent to the main repository may lack a proper test plan. These help reviewers understand how the change was tested, and can speed up the time it takes for a contribution to be accepted.
Each of these tasks is highly impactful, and maintainers will greatly appreciate your help.

Questions, Bugs, Features

Got a Question or Problem?

Do not open issues for general support questions as we want to keep GitHub issues for bug reports and feature requests. You've got much better chances of getting your question answered on dedicated support platforms, the best being Stack Overflow.

Stack Overflow is a much better place to ask questions since:

  • There are thousands of people willing to help on Stack Overflow.
  • Questions and answers stay available for public viewing so your question / answer might help someone else.
  • Stack Overflow's voting system assures that the best answers are prominently visible.
To save your and our time, we will systematically close all issues that are requests for general support and redirect people to the section you are reading right now.

Found an issue or bug?

If you find a bug in the source code, you can help us by submitting an issue to our GitHub Repository. Even better, you can submit a Pull Request with a fix. Please see the submission guidelines below.

Missing a feature?

You can request a new feature by submitting an issue to our GitHub Repository. If you would like to implement a new feature then consider what kind of change it is:
  • Major Changes that you wish to contribute to the project should be discussed first in an GitHub issue that clearly outlines the changes and benefits of the feature.
  • Small Changes can directly be crafted and submitted to the GitHub Repository as a Pull Request. See the section about contributing code.

Issue submission guidelines

Before you submit your issue, search the archive, maybe your question was already answered. If your issue appears to be a bug, and hasn't been reported, open a new issue. Help us to maximize the effort we can spend fixing issues and adding new features, by not reporting duplicate issues.
The "new issue" form contains a number of prompts that you should fill out to make it easier to understand and categorize the issue. In general, providing the following information will increase the chances of your issue being dealt with quickly:
  • Issue Description - if an error is being thrown a non-minified stack trace helps
  • Motivation for or Use Case - explain why this is a bug for you
  • gluestack-ui/themed Version(s) - is it a regression?
  • Browsers and Operating System - is this a problem with all browsers or only specific ones?
  • Reproduce the Error - provide a live example (using expo snack or an unambiguous set of steps).
  • Related Issues - has a similar issue been reported before?
  • Suggest a Fix - if you can't fix the bug yourself, perhaps you can point to what might be causing the problem (line of code or commit)

Setting up your development environment:

To make changes in the styles of the components:

  1. Step
    1
    :
    Fork this repository.
  2. Step
    2
    :
    Clone your fork of gluestack/gluestack-ui:
    git clone git@github.com:${YOUR_USERNAME}/gluestack/gluestack-ui.git
  3. Step
    3
    :
    Navigate to ui
    cd gluestack-ui
  4. Step
    4
    :
    Add main repo remote:
    git remote add origin git@github.com:gluestack/gluestack-ui.git
  5. Step
    5
    :
    Install dependencies:
    yarn
  6. Step
    6
    :
    Move over to the storybook :
    cd example/storybook
  7. Step
    7
    :
    Start the storybook, local aliasing of packages has been created.
    yarn storybook
  8. Step
    8
    :
    To start app directly on IOS
    yarn ios
  9. Step
    9
    :
    To start app directly on Android
    yarn android
Changes made to the component styles will be reflected in the storybook.

To make changes in the component packages (API, accessibility, etc.):

  1. Step
    1
    :
    Fork this repository.
  2. Step
    2
    :
    Clone your fork of gluestack/gluestack-ui-unstyled:
    git clone git@github.com:${YOUR_USERNAME}/gluestack/gluestack-ui-unstyled.git
  3. Step
    3
    :
    Navigate to ui-unstyled
    cd gluestack-ui-unstyled
  4. Step
    4
    :
    Add main repo remote:
    git remote add origin git@github.com:gluestack/gluestack-ui-unstyled.git
  5. Step
    5
    :
    Install dependencies:
    yarn
  6. Step
    6
    :
    Move over to the storybook :
    cd example/storybook
  7. Step
    7
    :
    Start the storybook, local aliasing of packages has been created.
    yarn storybook
  8. Step
    8
    :
    To start app directly on IOS
    yarn ios
  9. Step
    9
    :
    To start app directly on Android
    yarn android

Contributing Code

Code-level contributions to gluestack-ui come in the form of pull requests. These are done by forking the repo and making changes locally.
The process of proposing a change to gluestack-ui can be summarized as follows:
  1. Step
    1
    :
    Fork the gluestack-ui repository and create your branch from main.
  2. Step
    2
    :
    Make the desired changes to gluestack-ui source. Use the storybook app to test them out.
  3. Step
    3
    :
    If you've added code that should be tested, add tests.
  4. Step
    4
    :
    If you've changed APIs, update the documentation, which is also available in the storybook.
  5. Step
    5
    :
    Ensure the test suite passes, either locally or on CI once you opened a pull request.
  6. Step
    6
    :
    Make sure your code lints. To keep project away from disputes we make use of ESLint, which is really a handy linting tool that enforces strict coding styles and makes sure your files are free from dead code. Each module of gluestack-ui has bundled ESLint as a dev dependency and checks your code every time you commit.
  7. Step
    7
    :
    Push the changes to your fork.
  8. Step
    8
    :
    Create a pull request to the gluestack-ui repository.
  9. Step
    9
    :
    Review and address comments on your pull request.
If all goes well, your pull request will be merged. If it is not merged, maintainers will do their best to explain the reason why.