// Get Ready
import {
Cool, Stuff
} from 'react-native'
The Organizers
A.K.A.
Chief Technology Strategist
'\x47'[0]+(![]+[])[+!+[]]+([]+[][[]])[+!+[]]+String.fromCharCode((2<<6)-12)
JavaScript
React Native
Lots and lots of React Native
https://github.com/GantMan/useless-things
Infinite Red
@GantLaborde
@infinite_red
Ignite
with React Native
🏃💨
@gantlaborde / #reactfinland
🌈
Coding Spectrum
Mobile development was...
What people think I did...
What web devs used to think I do...
What I used to do...
$169,562.00 USD a year!
Before
After
Freedom!
The Infinite Red Team
26 people. 8 Cities.
Open Source
Paying it forward in the community
?
📈 🤔
Make it better?
Android?
👍
LGTM!
HELLO WORLD...
The JavaScript domain is too vast
To find a better solution, ask:
"Why is there a problem?
Ignite
Our approach to a problem that's all too familiar.
We use this!
This is how we deliver products
Yes, even Windows
Just Kidding!
Can't catapult?
We help you climb
Modularity
Connecting Strangers
const NPM_MODULE_NAME = 'react-native-vector-icons'
const EXAMPLE_FILE = 'vectorExample.js.ejs'
/**
* Add ourself to the project.
*/
const add = async function (context) {
const { ignite } = context
// install a npm module
await ignite.addModule(NPM_MODULE_NAME, { version: '4.3.0', link: true })
// copy the example file (if examples are turned on)
await ignite.addPluginComponentExample(EXAMPLE_FILE, { title: 'Vector Icons' })
}
/**
* Remove ourself from the project.
*/
const remove = async function (context) {
const { ignite } = context
// remove the npm module
await ignite.removeModule(NPM_MODULE_NAME, { unlink: true })
// remove the component example
await ignite.removePluginComponentExample(EXAMPLE_FILE)
}
/**
* Expose an ignite plugin interface.
*/
module.exports = { add, remove }
- Import the code
- Provide an Example
- Provide Generators
The "Hey, could you
help me?" experience
🤷♂️
An example?
A fun, new way to send unique text-art to your friends
Favorite your most used textables for easy acces
Textables
All the Original Code
😃
Thank you Ignite for making such an awesome CLI
@tillersystems
https://medium.com/react-finland/react-finland-app-what-is-it-and-how-we-built-it-273b34144b69
Annnnnnd Another
https://github.com/infinitered/ChainReactApp
Conference App
Take That!
More Videos Available
youtube.com/infinitered
🔮
The Future?
-
Storybook
-
TypeScript
-
Solidarity
-
MobX-State-Tree
-
More Reactotron
Ignite Bowser
lint-staged
-
We can't limit your plugins
-
Each project can have customizations
-
Use your own boilerplate!
Ignite Ecosystem
github.com/GeekyAnts/ignite-native-base-boilerplate
github.com/infinitered/ignite/blob/master/BOILERPLATES.md
NEW Docs and Videos!
Another Conference App
What are you gonna do?
- Reason Boilerplate?
- GraphQL Boilerplate?
- LOLCats?
Steve Kellock
Kevin Vangelder
Software Engineer
Senior Software Engineer
@kevinvangelder
@skellock
Cindy Nguyen
Justin Huskey
Design Lead
Designer
@justinhuskey
Special Thanks to:
@cindythuyvan
ReactNativeNewsletter.com
Want More React Native?
https://github.com/ReactNativeNews/React-Native-Apps
Just want code?
Conferences
Conferences
Discount code - FINLANDCR18
Learn More
-
Join our Slack: community.infinite.red
-
Read our Medium blog: shift.infinite.red
-
Talk to me! (medium/twitter/life)
Thank you, Infinite Red
Todd Werth
Founder & CEO
@twerth
Ken Miller
Founder & CFO/CTO
@seriousken
Jamon Holmgren
Founder & COO
@jamonholmgren
In Summation
-
React Native is Easy (now)
-
Give Ignite a Try
-
Tweet at me and my bosses
-
Read about React Native on Medium
-
ReactNative.cc Newsletter
- Join our Community!
Contributors!
https://github.com/infinitered/ignite
- 7,750+ Stars on GitHub 🌟
- 87 Contributors
- Awesome feedback!
@GantLaborde
Thanks, ReactFinland!
Slides: https://slides.com/gantlaborde/bowser/
Ignite React Native Mobile
By Gant Laborde
Ignite React Native Mobile
All the je ne sais quoi of Infinite Red's ways of doing React Native Apps
- 4,498