React Native Navigation (V2) by Wix — Getting Started. Part 1 — Creating end-to-end navigation & authentication flow with dummy authorization for use with any Auth provider.
Note: This is an ongoing series of blog posts detailing how we made an iOS & Android mobile app in 10 days.
Feel free to follow me here or on Twitter to get updated when the other articles are published. The not quite finalized list: Building a Mobile App in 10 Days with React NativeBuilding a Node API with Express & Google Cloud SQLEasy React Native Authentication: Auth0React Native: Barcode Scanning & AutocompleteUsing AirBnB’s Lottie Animations with React NativeDeploying a React Native App to the App Store & Google Play Summary My friend Connor Maddox and I built this app together.
We *actually* built the app in 10 days. You can find the app here for iOS and here for Android. This is what the app looked like when we launched it at 10 days: Getting Started I wish we could say that we started formally and had Sketch designs of where we wanted to end up, but honestly the project sort of evolved from one night of messing around. Install React A. B. Folder Structure Screens. Usage - Package Control. Docs Basic Functionality Package Control is driven by the Command Palette.
To open the palette, press ctrl+shift+p (Win, Linux) or cmd+shift+p (OS X). All Package Control commands begin with Package Control:, so start by typing Package. The command palette will now show a number of commands. Install Package Show a list of all available packages that are available for install. Add Repository Add a repository that is not included in the default channel. Remove Package This removes the package folder, and the package name from the installed_packages list in Packages/User/Package Control.sublime-settings. By default Package Control checks for new versions on startup. Other Commands Add Channel Adds another channel that lists repositories.
Create Package File For package developers. Setting Up Sublime Text 3 for ReactJS – Adrian Li. I recently upgraded to Sublime Text 3 and rather than copy over my old packages, I decided to start fresh.
I’m assuming that you already have the Package Control Package Manager installed and you know how to use it. If not, go here: JSX/Babel Syntax Highlighting First thing I did was install the Babel package. This is pretty straight forward, just look for Babel in the list of available packages and install it. AutoComplete ReactJS: Babel Snippets Then install the Babel Snippets package. AutoComplete JSX/HTML: Emmet Another frustrating part of writing code in React is the use of JSX or HTML-like tags. In order to get Emmet to work in JSX files, you’ll need to add the following to your Key Bindings — User file (you can access it under Preferences): A Linter: SublimeLinter A linter is helpful for many reasons, but mostly it’s good for reducing bugs and maintaining good practices in your code. The plugin you want is: SublimeLinter-contrib-eslint That’s It!