- Sharing what has worked for me in different React Native projects
- Reusing screens in different parts of your app
- Easy to work separately in a feature
- Add an extra level (nested folder) only when necessary
- Don't overuse
index.js
for everything
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Maker Link by @levelsio --> | |
<!-- MIT License --> | |
<style> | |
body { | |
background:#333; | |
} | |
.levelsio-by { | |
font-family:"Helvetica Neue",sans-serif; | |
right:0; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import fs from 'fs'; | |
import path from 'path'; | |
import { graphql } from 'graphql'; | |
import { introspectionQuery } from 'graphql/utilities'; | |
import schema from './src/schema/index'; | |
(async () => { | |
const result = await graphql(schema, introspectionQuery); | |
if (result.errors) { | |
console.error( |
Change the Color of Custom tabs when they change.
handleTabNavigation
method that changes the state which leads to re-render the UI and hence the colors.
handleTabNavigation = (route, idx) => {
if (this.state.storiesTabOpen && idx === 0 || this.state.searchTabOpen && idx === 1){
this.setState({ searchTabOpen: !this.state.searchTabOpen,
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#! /usr/bin/env node | |
// I am ./bin/buildSitemap.js | |
const path = require('path') | |
const glob = require('glob') | |
const fs = require('fs') | |
const SITE_ROOT = process.env.SITE_ROOT || 'https://www.actionherojs.com' | |
const SOURCE = process.env.SOURCE || path.join(__dirname, '..', 'pages', '/**/*.js') | |
const DESTINATION = process.env.DESTINATION || path.join(__dirname, '..', 'static', 'sitemap.xml') |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
abandoned | |
able | |
absolute | |
adorable | |
adventurous | |
academic | |
acceptable | |
acclaimed | |
accomplished | |
accurate |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<body> | |
<h2>Privacy Policy</h2> | |
<p>[Individual or Company Name] built the [App Name] app as a [open source | free | freemium | ad-supported | commercial] app. This SERVICE is provided by [Individual or company name] [at no cost] and is intended | |
for use as is.</p> | |
<p>This page is used to inform website visitors regarding [my|our] policies with the collection, use, and | |
disclosure of Personal Information if anyone decided to use [my|our] Service.</p> | |
<p>If you choose to use [my|our] Service, then you agree to the collection and use of information in | |
relation with this policy. The Personal Information that [I|we] collect are used for providing and | |
improving the Service. [I|We] will not use or share your information with anyone except as described |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* global window */ | |
const popup = (url) => { | |
const windowArea = { | |
width: Math.floor(window.outerWidth * 0.8), | |
height: Math.floor(window.outerHeight * 0.5), | |
}; | |
if (windowArea.width < 1000) { windowArea.width = 1000; } | |
if (windowArea.height < 630) { windowArea.height = 630; } |