open-index/open-npm huggingface dataset:
npm package: @tailwindapp/kite
Description: A batteries included React Native boilerplate
Author: Garrett Cox
Latest version: 0.0.6

<h1 align="center">
  <img src="https://camo.githubusercontent.com/9918e4bb6372060094f6ee90ea0622f59133fa0d693dd3f72b2a33bc4d07aeea/68747470733a2f2f692e696d6775722e636f6d2f65385633464c7a2e706e67" alt="kite" />
</h1>
<div align="center">
  A batteries included React Native boilerplate
</div>

## Why?

<!--- Explain why we made this project -->

We got a lot of value starting off from Infinite Red's [Ignite](https://github.com/infinitered/ignite) boilerplate, but bit by bit stripped pieces of it away, replacing them with patterns/tech we're familiar with here at Tailwind. To prevent duplicating work for future mobile endeavors, this is our approach to a batteries included react native boilerplate.

## Getting Started

<!--- How to fork and set up the project -->
```
npx react-native init ProjectName --template @tailwindapp/kite
```

## Tech

<!--- Technologies used -->

- State Management: Redux + Redux Toolkit
- Navigation: React Navigation
- Component Lib: NativeBase 3.0
- CI/CD: Github Actions, Fastlane, & CodePush
- Testing: Jest & Detox

## Anatomy

<!--- Project Organization -->

```yml
- src
  - assets/
    - icons/
    - logo/
    - [domainName]/
  - components/
    - [FolderComponentName]/
      - index.tsx
      - stories.tsx
    - [ComponentName].tsx
  - config/
    - index.ts
  - domains/
    - core/
      App.tsx # App entry point
      screens/
        - ModalNavigator.tsx
        - AppNavigator.tsx
        - BottomTabNavigator.tsx
        - SplashScreen.tsx
    - [domainName]/
      - components/ # Same rules as global components
      - screens/
        - [ScreenName]Screen.tsx
        - [NavigatorName]Navigator.tsx
      - hooks/
        - use[HookName].ts
      - [subDomainName]/ # Same rules as parent
  - hooks/
    - use[HookName].ts
  - state/
    - index.ts
    - rootReducer.ts
    - [sliceName]Slice.ts
  - theme/
    - index.ts
  - services/
  - @types/
```

## Future

<!--- Future plans for this project -->
Currently working towards [Version 0.1.0](https://github.com/tailwind/kite/projects/1)
npm package: @tailwindapp/localstack
Description: Fully functional local AWS cloud stack.
Latest version: 1.0.2

# Tailwind LocalStack

Provides an easy way to simulate a fully functional AWS cloud stack, all through your local environment.

## Installation

### From NPM

To install this package from npm run

```bash
npm install @tailwindapp/localstack
```

### From Local

To install from local package, you first need to create a link by running

```bash
npm link
```

Then navigate to a desired repository and run

```bash
npm link @tailwindapp/localstack
```

## Usage

This command will start the containers, build the code, and add all of the AWS Resources in your `template.yml` to Localstack. It will also spin up an NGINX API at `localhost:8080` where all of your API Gateway Lambdas will be available.

```bash
localstack-start
```

This will start the database intended for ci testing

```bash
localstack-start-ci-db
```

This will stop and remove all of your containers.

```bash
localstack-stop
```

This will stop, remove, and then start LocalStack.

```bash
localstack-restart
```

This will tail and follow all of the logs in LocalStack. Mostly helpful for debugging.

```bash
localstack-logs
```

This will filter the LocalStack logs for only the Lamda Logs.

```bash
localstack-lambda-logs
```
npm package: @tailwindcss/language-server
Description: Tailwind CSS Language Server
Latest version: 0.14.29

# Tailwind CSS Language Server

[Language Server Protocol](https://github.com/Microsoft/language-server-protocol) implementation for [Tailwind CSS](https://tailwindcss.com), used by [Tailwind CSS IntelliSense for VS Code](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss).

## Install

```bash
npm install -g @tailwindcss/language-server
```

## Run

```bash
tailwindcss-language-server --stdio
```

```
Usage: tailwindcss-language-server [options]

Options:

  --stdio          use stdio
  --node-ipc       use node-ipc
  --socket=<port>  use socket
```
npm package: @tailwindcss/nesting
Description: A light wrapper around any postcss nesting plugin improves compatibility with Tailwind CSS.
Latest version: 0.0.0-insiders.565cd3e

# @tailwindcss/nesting

This is a PostCSS plugin that wraps [postcss-nested](https://github.com/postcss/postcss-nested) or [postcss-nesting](https://github.com/jonathantneal/postcss-nesting) and acts as a compatibility layer to make sure your nesting plugin of choice properly understands custom syntax like `@apply` and `@screen`.

To use it, install it via npm:

```shell
npm install @tailwindcss/nesting
```

Then add it to your PostCSS configuration, somewhere before Tailwind itself:

```js
// postcss.config.js
module.exports = {
  plugins: [
    require('postcss-import'),
    require('@tailwindcss/nesting'),
    require('tailwindcss'),
    require('autoprefixer'),
  ]
}
```

By default, it uses the [postcss-nested](https://github.com/postcss/postcss-nested) plugin under the hood, which uses a Sass-like syntax and is the plugin that powers nesting support in the [Tailwind CSS plugin API](https://tailwindcss.com/docs/plugins#css-in-js-syntax).

If you'd rather use [postcss-nesting](https://github.com/jonathantneal/postcss-nesting) (which is based on the work-in-progress [CSS Nesting](https://drafts.csswg.org/css-nesting-1/) specification), first install the plugin alongside `@tailwindcss/nesting`:

```shell
npm install @tailwindcss/nesting postcss-nesting
```

Then pass the plugin itself as an argument to `@tailwindcss/nesting` in your PostCSS configuration:

```js
// postcss.config.js
module.exports = {
  plugins: [
    require('postcss-import'),
    require('@tailwindcss/nesting')(require('postcss-nesting')),
    require('tailwindcss'),
    require('autoprefixer'),
  ]
}
```

This can also be helpful if for whatever reason you need to use a very specific version of `postcss-nested` and want to override the version we bundle with `@tailwindcss/nesting` itself.