@Vishnu Ramineni
@0x1bitcrack3r
0x1bitcrack3r.github.io
hi, I'm @VishnuRamineni
Mobile Application Developer
Security Researcher
React Native
Lots and lots of React Native
React Native rocks! But, wait a minute...
Just Kidding!
ignite helps you climb
// Get Ready
import {
Cool, Stuff
} from 'react-native-ignite-boilerplate'
Infinite Red
@infinite_red
#node
node -v
#npm
npm --version
#install yarn globally
npm i -g yarn
yarn --version
#install ignite-cli globally
npm i -g ignite-cli
#Start new ReactNative project using ignite-CLI
ignite new MyAwesomeApp
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 }
Setup Instabug
Setup Sentry
Setup ReactNative-Animatable
How to use generators(Components,Containers, Redux, Saga, etc.)
Ignite can't limit your plugins
Each project can have customizations
Use your own boilerplate!
github.com/infinitered/ignite/blob/master/BOILERPLATES.md
https://github.com/infinitered/ignite
ReactNativeNewsletter.com
https://github.com/ReactNativeNews/React-Native-Apps
Join Slack: community.infinite.red
Read Medium blog: shift.infinite.red
Talk to me! (twitter)