dabbott / react-native-express

The all-in-one guide to React Native

React Native Express

The all-in-one guide to React Native: https://www.reactnative.express

Translations

• zh-CN by @cnscorpions: https://github.com/cnscorpions/react-native-express-cn

If you'd like to help translate, for now, please fork the repo and I'll list it here.

Installation

yarn

Running Dev Server

yarn dev

Building and Running Production Server

yarn build
yarn start

Contributing

Contributions are welcome! (It might take me some time to get around to reviewing however)

License

MIT, Copyright (c) 2020 Devin Abbott

Author

Devin Abbott, @dvnabbott

react-native-express's Issues

Responder Control flow diagram is missing

Referenced source does not exists. http://www.reactnativeexpress.com/pan-responder-flow.png

What's a "Cmd" key?

I'm just a dumb Windows user, and my keyboard doesn't have a "Cmd" key -- how do I bring up the dev menu? I also tried to shake my computer as suggested, but that didn't work either!

Just wanna say Thanks for writing this tutorial! it's very helpful!

spend 3-4 hour today watch the entire tutorial, very helpful!

Thanks!
(you guys can closed this issue whenever you want)

Dark mode feature request

Hi,

It would be great if you could provide a dark mode option.

Thanks!

HELP to Translate

Hi, congratulations for the great job!
I'm thinking about translate to pt-BR but I'm not sure the best approach to do it.
Maybe convert it to GitBook would be an option to help extract the markdown from the code an translate it...
I would like to hear you about it.

export default

All the code samples need to have "export default" where main class is defined.

`yarn build` fails Module not found: Can't resolve 'AccessibilityInfo' in 'E:\React Native\快速上手React Native开发\node_modules\react-native\Libraries\react-native'

environment info:
OS: win10 pro
Node: v12.13.0
Npm: 6.12.0
Yarn: 1.22.4
package.json as follows:

{
  "name": "react-native-express",
  "description": "Interactive examples, code samples, and tutorial projects for React Native",
  "version": "1.0.0",
  "author": "Devin Abbott <[email protected]> (http://github.com/dabbott)",
  "dependencies": {
    "@babel/core": "^7.0.0-0",
    "@mdx-js/mdx": "^1.0.20",
    "@mdx-js/react": "^1.0.0",
    "@mdx-js/tag": "^0.20.3",
    "@next/mdx": "^8.1.0",
    "@zeit/next-css": "^1.0.1",
    "babel-plugin-styled-components": "^1.10.1",
    "change-case": "^4.1.1",
    "disqus-react": "^1.0.5",
    "global": "^4.4.0",
    "graphql": "^0.13.0",
    "next": "^8.1.0",
    "next-images": "^1.1.2",
    "react": "^16.8.0",
    "react-dom": "^16.8.6",
    "react-ga": "^2.6.0",
    "react-helmet": "^5.2.1",
    "react-native": "0.55.4",
    "react-native-web-player": "^2.0.0-alpha.8",
    "react-redux": "^7.2.0",
    "redux": "^4.0.5",
    "styled-components": "^4.3.1"
  },
  "keywords": [],
  "license": "MIT",
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start -p $PORT",
    "format": "prettier --write '**/*.js'",
    "git": "git add . && git commit -m",
    "postgit": "git pull && git push && git status",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "devDependencies": {
    "@mdx-js/loader": "^1.0.20",
    "eslint-plugin-graphql": "^3.0.3",
    "loader-utils": "^1.2.3",
    "prettier": "^1.13.7",
    "raw-loader": "^3.0.0",
    "webpack": "^4.0.0"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/gatsbyjs/gatsby-starter-default"
  }
}

1. yarn
2. yarn dev

both works well.

3. fix error, install react native as dependency for examples\files\todo_list*.js

4. yarn build

PS E:\React Native\快速上手React Native开发> yarn build
yarn run v1.22.4
$ next build
Creating an optimized production build ...

> Using external babel configuration
> Location: "E:\React Native\快速上手React Native开发\.babelrc"
Failed to compile.

./node_modules/react-native/Libraries/react-native/react-native-implementation.js
Module not found: Can't resolve 'AccessibilityInfo' in 'E:\React Native\快速上手React Native开发\node_modules\react-native\Libraries\react-native'

> Build error occurred
Error: > Build failed because of webpack errors
    at Object.build [as default] (E:\React Native\快速上手React Native开发\node_modules\next\dist\build\index.js:192:15)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Any help will be highly appreciated. :)

Code snippets are not correctly loading in Safari

This problem is consistent with production as well as the local environment. As you can see the first-page code snippet is opening for all the pages.

Wrong Display of GitHub Starts

https://github.com/dabbott/react-native-express/blob/master/src/pages/ComponentLibraries.js

(Current actual value is 2053)

https://www.reactnative.express/app/navigation preview not working

Hello, I'm learning RN these days. I'm kinda newbie in this field, so I make this error to issue.

in navigation page, it says

The playground encountered an error. When you fix the error, the playground will automatically re-run your code.
TypeError: Cannot read properties of undefined (reading 'NavigationContainer') (2)

Thank you.

nativebase.io not mentioned in the boilerplates list

Disclamer: I'm not affiliated to NativeBase at all.

So, I understand every list has a degree of subjectivity.
However I was left wondering why nativebase.io has not made the cut to the list of "worthy considering", as elsewhere I've see it mentioned alongside Pepperoni and Ignite as one of the top three.

Deep linking

Great article!

Would be nice if you could cover a topic on Deep Linking

Issue with Graphql Minimal Example

There is an issue with the Graphql example on the site page.

It reads as:

Uncaught TypeError: Cannot read property 'map' of undefined (7217)

PDF or some other offline version.

I'd like to see a PDF or some other offline version. I realize that I could just install and run a server locally, but that seems like overkill.

Thanks!

reactnative.express is available

If you want a cool hipster domain.

https://www.namecheap.com/domains/registration/results.aspx?domain=reactnative.express