\n A React boilerplate that comes with a custom CLI for increased\n productivity and that is designed for scalable and high-performance\n web applications.\n
\n\n\n This project includes a custom CLI for generating components &\n features. The CLI can handle a lot of the redux boilerplate for you.\n First mark the scripts as executable (with the command{' '}\n chmod +x ./cli/*) and you’re good to go.\n
npm run make:component COMPONENT_NAME\n npm run make:connected_component COMPONENT_NAME\n \n This will do the same as make:component but connects\n the component to the redux store.\n
\n npm run make:feature FEATURE_NAME FEATURE_TYPE FEATURE_URL\n \n action with the given name and type\n reducer for the created action\n sagas file for the created action\n services file for making an API call\n Examples:
\n\nnpm run make:component Button\n npm run make:connected_component Container\n npm run make:feature books getBooks GET_BOOKS\n \n npm run make:feature users getUsers GET_USERS\n www.example.com/api/users\n \n \n Try it out to see how it looks or check the{' '}\n code_templates folder. You can customize these files to\n your own needs.\n
\n Firebase is built on Google infrastructure and scales automatically,\n for even the largest apps. To use Firebase in your application\n follow these steps:\n
\n\nconstants.js and fill in your projects\n credentials to the firebaseConfig object.\n \n This boilerplate comes with a AuthenticatedRoute helper so you can\n easily redirect users that are not logged in. Inside this component\n we check if an user object is present inside the auth{' '}\n state in the store to determine if the user should be redirected to{' '}\n /sign_in.\n
\n This boilerplate comes with a notification component that will show\n users success and error messages. You can easily use this component\n for all kinds or notifications you want to show to your users. It\n works for different type of messages like success, error, warning\n and info. You can find the messagesTypes inside{' '}\n constants.js.\n
\n This component will look at the Redux store to see if there are any{' '}\n messages present. If so, it will show op the\n Notification component with the text that is present in the store.\n Clicking the component will call the clearMessages{' '}\n action that will remove all the messages from the\n store.\n
\n If you want to show an error message when fetching some data from an\n API goes wrong, you simply add a message object (with a{' '}\n type and a text) to the fail action inside\n the saga\n
\n React Milkshake is a boilerplate for kick-starting your new\n projects. It is not a component library and does not come with a\n template or theme. But, it does come with a couple of styled\n components, like a sidebar layout or card component, that you can\n use to quickly develop your application. If you want to set your own\n theme colors and styling, just customize the theme.js{' '}\n file. These variables will be available in every component (thanks\n to the ThemeProvider inside index.js).\n
\n This project was bootstrapped with{' '}\n \n Create React App\n \n .\n
\n\n\n In the project directory, first run yarn or{' '}\n npm install, then run yarn start or{' '}\n npm start.\n