An easy to use Remix + React Native Web starter

Overview

remix-react-native-web-starter

License Twitter Star

Using this template

This template is based on the How to Setup React Native Web in a Remix project article

Requisites:

  • Use pnpm to install dependencies. Install it with npm install --global pnpm

Commands:

git clone [email protected]:HorusGoul/remix-react-native-web-starter.git my-project
cd my-project
pnpm install
pnpm dev

Development

From your terminal:

pnpm dev

This starts your app in development mode, rebuilding assets on file changes.

Deployment

First, build your app for production:

pnpm build

Then run the app in production mode:

pnpm start

Now you'll need to pick a host to deploy it to.

DIY

If you're familiar with deploying node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of remix build

  • build/
  • public/build/
You might also like...
A (very) simple implementation of the fakebooks mock app demonstrated on remix.run

CRA Fakebooks App This is a (very) simple implementation of the fakebooks mock app demonstrated on remix.run. The backend is served by the Remix versi

Remix + Preact for SSR, Preact + Islands + On Demand Compilation for client side interactions.

Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.

A monorepo boilerplate for react web and react native. Uses react-native-web to reduce time invested in making the same components for mobile and web

Monorepo template Get Started Run the following command to install all the dependencies in the right location yarn lerna bootstrap yarn workspace @mar

Free and easy-to-use admin template based on React 17+
Free and easy-to-use admin template based on React 17+

Lightence React-powered 100% FREE Admin Dashboard Template for building rich user interfaces significantly faster. For developers of all levels. Open-

Shepherd is an easy-to-use open-source tool for developers to monitor your AWS Lambda functions at a glance.
Shepherd is an easy-to-use open-source tool for developers to monitor your AWS Lambda functions at a glance.

AWS Serverless Function Monitoring Tool Table of Contents About Shepherd Getting Started AWS End Users Installation and Setup Lambda Metrics User Prof

A simple & easy to use private note-taking app that encrypts everything on the client side.
A simple & easy to use private note-taking app that encrypts everything on the client side.

Notesnook Take private notes, capture ideas, make lists & sync them anywhere 😎 Features Privacy isn't the only thing we have: Cross platform - Notesn

Fluent Blocks makes it easy to use Fluent & UI Kit designs in app development.

Fluent Blocks makes it easy to use Fluent & UI Kit designs in app development. This repository provides a set of packages developers can use to build

This project is a React Starter Kit with basic tools and examples of their use.

Welcome React Starter Kit! This project is a React Starter Kit with basic tools and examples of their use. Tools used React: V17 react-hook-form: V7 r

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

Comments
  • Alternative approach to module alias using tsconfig paths.

    Alternative approach to module alias using tsconfig paths.

    Instead of using pnpm, alias the module using tsconfig paths.

    "paths": {
      "~react-native": ["./node_modules/react-native-web"],
      "~/*": ["./app/*"],
    },
    

    Remix currently only accepts paths with prefixes with ~ or ., as mentioned in this this issue, but this has the added benefit of allowing us to import react-native as well, or dependencies that have react-native as a peer dependency.

    opened by tyrauber 3
  • add github ISSUE_TEMPLATE files

    add github ISSUE_TEMPLATE files

    What is the change?

    1. add bug_report.md to bug-report.yml to enable Github's form based issue template
      • https://youtu.be/qQE1BUkf2-s?t=23
    2. add config.yml file to help direct users to the helpful pages

    Motivation

    • encourage's bug reporter's to put more care into their bug report before submission
    • this may help maintainer's receive more detailed & higher quality bug report's
    • adds helpful tips for user's during the process of creating a bug/issue report

    Demo of Change

    this PR is similar to this one I created here for another repo recently

    • https://github.com/antvis/G6/blob/master/.github/ISSUE_TEMPLATE/bug_report.yml
    opened by cliffordfajardo 1
Releases(v1.0.0)
  • v1.0.0(Jun 10, 2022)

    React Native Web 0.18 was released today, and this update consists of updating all the starter dependencies!

    Please, leave an issue if you find some weird error that wasn't happening before.


    What's Changed

    • add github ISSUE_TEMPLATE files by @cliffordfajardo in https://github.com/HorusGoul/remix-react-native-web-starter/pull/2

    New Contributors

    • @cliffordfajardo made their first contribution in https://github.com/HorusGoul/remix-react-native-web-starter/pull/2

    Full Changelog: https://github.com/HorusGoul/remix-react-native-web-starter/commits/v1.0.0

    Source code(tar.gz)
    Source code(zip)
Owner
Horus Lugo
Horus Lugo
⏪ Rewinds – Remix Tailwind Starter Kit with Tailwind CSS v3, Headless UI, Radix UI, and more

⏪ Rewinds — Remix Tailwind Starter Kit Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries and the TypeScript ecosystem. This is a

M Haidar Hanif 88 Feb 11, 2023
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:

React Enterprise Starter Kit ?? Highly Scalable, performant and amazing react boilerplate for react developers to get started and improve web building

Anand gupta 71 Dec 9, 2022
🦖 Beautiful Docusaurus ✨ Easy-Starter ✨ Project

✨ Beauty-Saurus ✨ Static Site Generator GUI Customize Tool Easy-Starter Project based on Docusaurus ?? ?? Introduction Easy to Start It is easy to use

ChloeKim 4 Aug 26, 2022
A NextJS, Tailwind, TRPC, Prisma, and NextAuth Starter Project that makes getting an app up and running as easy as possible

A NextJS, Tailwind, TRPC, Prisma, and NextAuth Starter Project that makes getting an app up and running as easy as possible

Kelly Copley 41 Dec 15, 2022
React Package Starter - a simple and slightly opinionated starter kit for developing and publishing React packages

React Package Starter This is a simple and slightly opinionated starter kit for developing and publishing React packages. It comes with a several pre-

Tim Mikeladze 22 Dec 29, 2022
Nextjs-ts-mui5-scss-storybook-starter - Next.js + TypeScript + Material UI v5 + Sass + Storybook starter

nextjs-ts-mui5-scss-storybook-starter ?? Next.js + TypeScript + Material UI v5 +

Muhammad Ridho Anshory 13 Oct 19, 2022
Nextjs-starter - A TypeScript starter for Next.js

Next.js TypeScript Starter Features ⚡️ Next.js 12 ⚛️ React 17 ⛑ TypeScript ?? ES

Felix Lee 4 Sep 14, 2022
🥯Papanasi is the Frontend UI library to use cross Frameworks. A set of components to use in Angular, React, Solid, Svelte, Vue and Web Components

?? Papanasi is a UI library to use cross Frameworks. A set of components to use in Angular, React, Solid, Svelte, Vue and Web Components. Is based on the Mitosis library and documented using Storybook.

Quique Fdez Guerra 387 Jan 4, 2023
This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, router and so on.

react-antd-redux-router-starter This project is designed to help those who use antd to develop a website(or web app). Maybe also need to use redux, ro

yuzhou 102 Nov 21, 2022
Randomizer Brasil website made with React Remix TailwindCSS

Randomizer Brasil website - rbr.watch This is the open source project for RBR Website. Made by the community for the community. Our stack React Remix

Pedro Reis 3 Apr 21, 2022