{"id":21712125,"url":"https://github.com/biosboy/coconat","last_synced_at":"2025-07-10T08:35:36.755Z","repository":{"id":34334496,"uuid":"155600557","full_name":"BiosBoy/coconat","owner":"BiosBoy","description":"🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3","archived":false,"fork":false,"pushed_at":"2023-03-04T03:28:28.000Z","size":7211,"stargazers_count":96,"open_issues_count":25,"forks_count":24,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-26T12:21:20.676Z","etag":null,"topics":["babel","enzyme","hooks","jest","react","react-router","react-router-v4","redux","redux-saga","starter-kit","starter-kit-for-front-end-developer","startkit","typescript","webpack","webpack4","yarn"],"latest_commit_sha":null,"homepage":"https://medium.com/@svyat770/lets-kill-create-react-app-452cb55f77d3","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BiosBoy.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null},"funding":{"github":[],"patreon":"sviat_dev"}},"created_at":"2018-10-31T17:49:41.000Z","updated_at":"2024-11-17T20:41:30.000Z","dependencies_parsed_at":"2023-02-15T04:01:07.830Z","dependency_job_id":null,"html_url":"https://github.com/BiosBoy/coconat","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BiosBoy%2Fcoconat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BiosBoy%2Fcoconat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BiosBoy%2Fcoconat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BiosBoy%2Fcoconat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BiosBoy","download_url":"https://codeload.github.com/BiosBoy/coconat/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248610367,"owners_count":21132920,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","enzyme","hooks","jest","react","react-router","react-router-v4","redux","redux-saga","starter-kit","starter-kit-for-front-end-developer","startkit","typescript","webpack","webpack4","yarn"],"created_at":"2024-11-25T23:34:22.249Z","updated_at":"2025-04-12T18:00:27.818Z","avatar_url":"https://github.com/BiosBoy.png","language":"TypeScript","funding_links":["https://patreon.com/sviat_dev"],"categories":[],"sub_categories":[],"readme":"\n\n# CoConat - React Apps Builder [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=You%20will%20never%20know%20how%20everything%20work%20but%20you%20should%20understand%20the%20system\u0026url=https://medium.com/@svyat770/lets-kill-create-react-app-452cb55f77d3\u0026via=svyat770\u0026hashtags=react,webpack,babel,webdevelopment,developers)\n### Make custom React app development easly as never before!\n\n[![Price](https://img.shields.io/badge/price-FREE-0098f7.svg)](https://github.com/BiosBoy/coconat/blob/master/LICENSE)\n[![License: MIT](https://img.shields.io/badge/license-MIT-yellow.svg)](https://github.com/BiosBoy/coconat/blob/master/LICENSE)\n[![GitHub package version](https://img.shields.io/badge/version-3.0.0-red.svg)](https://github.com/BiosBoy/coconat)\n[![Build Status](https://travis-ci.org/BiosBoy/coconat.svg?branch=master)](https://travis-ci.org/BiosBoy/coconat)\n\nCheck CocoNat StartKit Builder [Official Documentation Tutorial](https://medium.com/@svyat770/lets-kill-create-react-app-452cb55f77d3) on Medium.\n\n![logo_image](https://raw.githubusercontent.com/BiosBoy/coconat/master/LOGO_COCONAT.jpg)\n\nThis **Webpack4 + React16 Templater** is created from the point of view to solve developer day-to-day problems with app suits boilerplate creation. It has all what we need to start React app creation with rocket speed without worring about, like:\n 1. Oh, I need to optimize my app!\n 2. Oh, I need to create a server for app handling!\n 3. Oh, I need a Redux/Redux-Saga installations for state managment in app!\n 4. Oh, I need to install Webpack and spend a time to configure it!\n 5. Oh, I need to optimize and minimize JS/CSS/etc. bundles!\n 6. Oh, I need to install and configure testing environment!\n 7. And a lot of other boring things...\n\nSo, by using this **Templater** you will save a lot of time and will stay focused only on your own app creation. Have fun :)\n\n## Features:\n * Fast React app creation.\n * Can be custumized as you wish.\n * BrowserSync Server is configured just out of the box!\n * All needed packages to work you can bootstap just by one command with `lerna` npm package: `lerna bootstrap`\n * Support TypeScript version 3^.\n\n## Installation\n\n1. Clone the repo on your Machine by:\n\n   ```\n    git clone https://github.com/BiosBoy/coconat.git\n   ```\n2. Inside the root folder install all requeried packages of the **CoConat Builder** by command:\n   ```\n    yarn lerna bootstrap\n   ```\n3. Start up your project via **development**, **production** or **test** compilation:\n   ```\n    yarn start:dev - development mode\n    yarn start:prod - production mode\n    yarn start:test - testing mode\n   ```\n4. Test and validate yout project code with **Jest \u0026 Enzyme** test environment by command:\n   ```\n    yarn jest ./*/**.test.*\n   ```\nThat's all what you need to start building your own project! Have fun and happy coding! :)\n\n# What is you have out of the box?\n ## Webpack:\n * Fully support all Webpack 4^ possibilities.\n * Support code-splitting and bundles app creation out of the box.\n * Created 3 independent development cases: `test`, `development`, `production`. Each of them has own best optimized configuration.\n * Integrated Babel 7^ with supporting all ES6-ES8 features.\n * Integrated Ujlifty Webpack Plugin ^0 for optimizing JS/JSX/TS/TSX bundles for development and production.\n * Integrated Mini CSS Webpack Plugin ^0 + OptimizeCSS Assets Webpack Plugin ^5 for optimizing CSS bundles for development and production.\n * Integrated Webpack Bundle Analyzer ^3 for visual analyzing of code/bundles weight.\n * Transpile all app code into native ES5 for supporting even an oldest browsers.\n\n ## React:\n * Support all new features from React 16.7@-alpha release.\n * Hooks, Suspence and Lazy load can be used out of the box.\n\n ## Redux:\n * Redux^4.0.1 is fully integrated with React to start your work asap.\n * Including Redux-Saga^0.16.2 for async actions handling.\n\n## Routing:\n * React-Router^4.3.1 - React app from the start can be multy-page oriented.\n * Connected-React-Router^5.0.1 holdes synhromious app Redux and Browser Location states.\n\n ## Styling:\n * Support CSS/SASS style markup.\n * Integrated CSSModules for independent component styling.\n * Including PostCSS ^2 post-processor.\n\n ## Testing:\n * Integrated Jest 23^ + Enzyme 3^ testing environment.\n * Includes pre-commits hooks for testing app before commit (if test are present in).\n * Support JS/JSX/TS/TSX file extensions.\n\n ## Linting:\n * Integrated `prettier` package for beatify pre-commited code.\n * Integrated eslint 5^ + tslint 5^ + stylelint 9^ linters based on the most popular schemas in the world (facebook, microsoft, airbnb, etc.) with React life-cycle ecosystem supporting.\n\n ## Git:\n * Includes pre-commits hooks with husky ^1\n * Includes lint-stages ^1 for styling and testing whole app code (js/jsx/ts/tsx/css/scss/json) before commiting.\n * Checks code on lint rule errors before accept user commit.\n * Run test suits before accept user commit.\n\n\n# Technical information:\n### App technical environment that are 100% support with:\n * Node 10.5\n * Yarn 1.9.4\n * Webpack 4.29.1\n * React 16.8\n\n### App global package installing requirements:\n * node\n * yarn/npm\n * eslint/tsline/stylelint\n * lerna\n * typescript\n\n\n\n# FAQ:\n ### 1. \"Command `lerna bootstrap` is does not works.\"\n * To bring it work you need install it globally first by command `yarn add lerna -g`. After that navigate to your working folder and repeat command `lerna bootstrap` one more time.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiosboy%2Fcoconat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiosboy%2Fcoconat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiosboy%2Fcoconat/lists"}