npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

react-native-template-goatlab

v0.0.4

Published

![npm](https://img.shields.io/npm/v/react-native-template-goatlab?color=success&style=flat-square)

Downloads

11

Readme

React Native Goatlab Template

npm

:goat: Developed by Goat :goat:

Official template for React Native apps used by Goat for its iOS and Android apps. It is based on the newest and latest version of React Native and includes several starter packages for you to start your own app ASAP! :rocket:

This template is useful for all types of apps, as it includes the bare minimum for you to start coding in just a couple of minutes. This templates also includes useful debugging tools such as Reactotron, and sets a standard for your development team, such as out-of-the-box ESLint support and file structure for components, views and tests.

Installation and Usage

:warning: This template is intended for React Native versions >= 0.60. It has not been tested with previous versions. :warning:

To start a new app with React Native Goatlab, simply start a new project using React Native CLI (https://facebook.github.io/react-native/docs/getting-started.html). To do this, first install React Native CLI globally:

yarn global add react-native-cli

Then, create a new app using goatlab as a template. Easy as pie! :cake:

react-native init PROJECT_NAME --template goatlab

The template will replace your project's name in all relevant parts of the app. Neat! :godmode:

To start using your app, first copy the existing .env.example file into a new .env file and replace your IP address to start debugging with Reactotron. After that, simply run yarn react-native run-ios (only on Mac) or yarn react-native run-android (emulator must be running or an Android device with USB debugging must be plugged in) depending on your platform of choice.

Features

This template includes the following:

  • React Native 0.60 support (now with Hooks! :raised_hands:)
  • Entirely written in Typescript
  • Easy to use and understand folder structure to get you up and running as fast as possible
  • Starter example with an essential counter component :sweat_smile:
  • UI Kitten component framework and themes
  • React Navigation
  • Reactotron configured for debugging (including console.tron shortcut)
  • Jest and Enzyme for component testing
  • Redux support
  • ESLint, TSLint and Prettier configured out-of-the-box
  • Visual Studio Code settings for Prettier and ESLint (:warning: must install VSCode extensions to use them)

How to contribute

If you'd like to contribute to this template, your help is more than welcome! :feelsgood:

Big thanks to Chris Geirman and his super useful guide on React Native templates, which you may want to read before adding your contributions.

Local testing

Fork this repository, clone it, and start a new app with the following command to use the local template:

react-native init test --template file:///path/to/your/cloned/repo

Pull requests and Issues

PR's and issues are a great contribution for us, and we'll get to them as fast as we (humanly :robot:) can. Please create your pull requests from your own fork, and if you're raising an issue, try to be as descriptive as possible so we can zap those pesky bugs :zap:.