@hpro/react-native-components v1.0.1-alpha.0

Easy to use, fast and lightweight library for React Native.

:construction: This project is under development and is not yet ready for use.

:link: Table of Contents

• :sparkles: Features
• :rocket: Tecnologies
• :package: Install
• :hammer: Usage
• :handshake: How to Contribute
• :memo: License

:sparkles: Features

• :white_check_mark: Button
• :white_check_mark: Input
• :white_check_mark: Select
• :x: Modal
• :x: View
• :x: Salsa Dancer

:rocket: Tecnologies

The following tools were used in the construction of the project:

• Jest
• Node.js
• TypeScript

:package: Install

:warning: Node.js 16 or newer is required.

Use the package manager npm, yarn or pnpm.

npm install @hpro/react-native-components

yarn add @hpro/react-native-components

pnpm add @hpro/react-native-components

:hammer: Usage

import { Button } from "@hpro/react-native-components";

function App() {
  return (
    // ...
    // Input with placeholder
    <Input
      placeholder={"Input"}
      onChangeText={(text) => {
        console.log(text);
      }} />

    // Select with placeholder
    <Select
      placeholder={"Select"}
      options={[
        { label: "Option 1", value: "1" },
        { label: "Option 2", value: "2" },
        { label: "Option 3", value: "3" },
      ]}
      onChange={(value) => {
        console.log(value);
      }} />

    // Button with text
    <Button
      text={"Button"}
      onPress={() => {
        console.log("Button pressed");
      }} />
    // ...
  )
}

export default App

:handshake: How to Contribute

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

:memo: License

This project is under the MIT License