Falconiere

import React, { PureComponent, Fragment } from 'react'

export default class SimpleComponent extends PureComponent {

  constructor(props){
    super(props)
    this.state = { counter: 0 }
  }
  
  handleOnClick = e => {

Falconiere

import React, { Fragment, useState } from 'react'

export default function SimpleComponent(){

  const [counter, setCounter] = useState(0)
  
  function handleOnClick(e){
    e.preventDefault()
    setCounter(counter + 1)
  }

Falconiere

import React, { useState } from 'react'
import styled from 'styled-components'

// define styled component container 
const SimpleComponentContainer = styled.div`
  background-color: ${({ counter }) => counter > 10 ? 'red' : '#ddd' };
`

export default function SimpleComponent(){

Falconiere

module.exports = {
  root: true,
  extends:[ 
    '@react-native-community',
    "plugin:import/errors",
    "plugin:import/warnings"
  ],
  "settings": {
    "import/resolver": {
      "babel-module": {}

Falconiere

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      'module-resolver',
      {
        root: ['./src'],
        alias: {
          components: './src/components',
          assets: './src/assets',

Falconiere

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "*": ["src/*"]
    }
  }
}

Falconiere

module.exports = {
  bracketSpacing: true,
  jsxBracketSameLine: false,
  singleQuote: true,
  trailingComma: 'none',
  semi: false,
  commaDangle: false
};

Falconiere

// libraries
import React from 'react'
import { View, Text } from 'react-native'
import { NavigationContainer } from '@react-navigation/native'
import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs'

import Icon from 'react-native-vector-icons/FontAwesome5'

const Container = ({ children }) => (
  <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>

Falconiere

<key>UIAppFonts</key>
<array>
  <string>AntDesign.ttf</string>
  <string>Entypo.ttf</string>
  <string>EvilIcons.ttf</string>
  <string>Feather.ttf</string>
  <string>FontAwesome.ttf</string>
  <string>FontAwesome5_Brands.ttf</string>
  <string>FontAwesome5_Regular.ttf</string>
  <string>FontAwesome5_Solid.ttf</string>

Falconiere

const main = {
  colors: {
    primary: '#222327',
    light: '#bdbbbc',
    gray: '#898a8f',
    white: '#ffffff',
    black: '#121212',
    green: '#1db954',
    transparent: 'transparent'
  },