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-by-nh

v1.0.0

Published

React Native Template for a quick start with TypeScript using best existing libraries and scalable structure

Downloads

75

Readme

Get started

This template was made with love, to share in details our personal approach to design a react native application with best third-party libraries, please check our documentation for more details. If you have any idea or suggestion to improve this template, please feel free to reach out to us or open an issue/PR inside this repo.

Libraries that are used in this template:

  • React-native Version 0.74
  • Navigation: react-navigation V6
  • API request: react-query and axios
  • State Management: redux-toolkit and redux-persist
  • Translation: i18next and react-i18next react-native-localize
  • Forms: react-hook-form and yup
  • Storage: react-native-mmkv
  • Styling: styled-components
  • Testing: @testing-library/react-native

What you'll need:

  • Make sure your environnement is ready to run a react native application. if it's not, please check the official documentation of react native to set up your environnement.

Start a new project:

Once your environnement you're ready to go with creating a new react native application using our template.

  • First, navigate to where you want to start your project and run the following command.
npx [email protected] init MyApp --template [email protected]

If you want to use the latest version of react-native, type the following command:

npx [email protected] init MyApp --template [email protected]
  • Once it's done, run this command in order to navigate to your new project and set it up for android and ios:
cd MyApp && git init && yarn setup

Note: the script yarn setup contains all necessary commands to setup your application for android and ios. if you want to know what are these commands check the script setup inside package.json file.