jneuendorf

// Define all your icons once,
// load them once,
// and use everywhere

import Ionicons from 'react-native-vector-icons/Ionicons';
import FontAwesome from 'react-native-vector-icons/FontAwesome';

// define your suffixes by yourself..
// here we use active, big, small, very-big..
const replaceSuffixPattern = /--(active|big|small|very-big)/g;

jneuendorf

class ConvertibleComponent extends React.Component {
    render() {
        return this[this.constructor.name](this.props);
    }
}


// Lets say you have a component whose final code you aren't certain about yet.
// 1. as functional component:
function MyComponent(props) {