{"id":15536602,"url":"https://github.com/zedd45/react-static-todos","last_synced_at":"2025-03-28T23:12:34.562Z","repository":{"id":142997171,"uuid":"75583588","full_name":"zedd45/react-static-todos","owner":"zedd45","description":"React Implementation of TODO list","archived":false,"fork":false,"pushed_at":"2016-12-13T06:17:37.000Z","size":281,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-03T09:43:01.541Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":false,"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/zedd45.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-12-05T03:05:22.000Z","updated_at":"2016-12-05T03:36:50.000Z","dependencies_parsed_at":"2023-07-19T09:02:40.697Z","dependency_job_id":null,"html_url":"https://github.com/zedd45/react-static-todos","commit_stats":{"total_commits":152,"total_committers":26,"mean_commits":5.846153846153846,"dds":"0.24342105263157898","last_synced_commit":"f2cd83522a11b496910e8369ea025822af8dadb8"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zedd45%2Freact-static-todos","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zedd45%2Freact-static-todos/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zedd45%2Freact-static-todos/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zedd45%2Freact-static-todos/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zedd45","download_url":"https://codeload.github.com/zedd45/react-static-todos/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246112670,"owners_count":20725301,"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":[],"created_at":"2024-10-02T11:52:39.330Z","updated_at":"2025-03-28T23:12:34.544Z","avatar_url":"https://github.com/zedd45.png","language":"JavaScript","funding_links":["https://opencollective.com/react-static-boilerplate"],"categories":[],"sub_categories":[],"readme":"# React Static Boilerplate \u0026nbsp; [![Build Status](http://img.shields.io/travis/kriasoft/react-static-boilerplate/master.svg?style=flat-square)](https://travis-ci.org/kriasoft/react-static-boilerplate) [![To-do](https://img.shields.io/waffle/label/kriasoft/react-static-boilerplate/to-do.svg?style=flat-square)](https://waffle.io/kriasoft/react-static-boilerplate) [![Online Chat](http://img.shields.io/badge/chat_room-%23react--static--boilerplate-blue.svg?style=flat-square)](https://gitter.im/kriasoft/react-static-boilerplate)\n\n\u003e [**React Static Boilerplate**](https://github.com/kriasoft/react-static-boilerplate) (RSB) is an\n\u003e opinionated boilerplate and tooling for creating modern stand-alone web applications (aka\n\u003e [SPA](https://en.wikipedia.org/wiki/Single-page_application)s) for a serverless architecture. RSB\n\u003e significantly reduces cost by eliminating the need for servers such as EC2 instances because the\n\u003e entire site can be hosted directly from CDN ([Firebase](https://www.firebase.com/), [GitHub\n\u003e Pages](https://pages.github.com/), [Amazon S3](http://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.html),\n\u003e or other similar cloud storage). Sites built with RSB can be fully functional with REST API or\n\u003e GraphQL calls to micro-services such as [Amazon Lambda](https://aws.amazon.com/lambda/),\n\u003e [Azure Functions](https://azure.microsoft.com/services/functions/), or dynamic Docker endpoints\n\u003e hosted on [DigitalOcean](https://www.digitalocean.com/?refcode=eef302dbae9f\u0026utm_source=github\u0026utm_medium=oss_sponsorships\u0026utm_campaign=opencollective).\n\u003e RSB demonstrates how to use component-based UI development approach with best of breed\n\u003e technologies including [React](http://facebook.github.io/react/), [Redux](http://redux.js.org/),\n\u003e [Babel](http://babeljs.io/), [Webpack](https://webpack.github.io/), [Browsersync](https://browsersync.io/),\n\u003e [React Hot Loader](http://gaearon.github.io/react-hot-loader/) and more.\n\n**The work is being sponsored by:**\n\n\u003ca href=\"https://opencollective.com/react-static-boilerplate/sponsor/0/website\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://opencollective.com/react-static-boilerplate/sponsor/0/avatar.svg\" height=\"64\"\u003e\n\u003c/a\u003e \u0026nbsp;\n\u003ca href=\"https://opencollective.com/react-static-boilerplate/sponsor/1/website\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://opencollective.com/react-static-boilerplate/sponsor/1/avatar.svg\" height=\"64\"\u003e\n\u003c/a\u003e \u0026nbsp;\n\u003ca href=\"https://opencollective.com/react-static-boilerplate/sponsor/2/website\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://opencollective.com/react-static-boilerplate/sponsor/2/avatar.svg\" height=\"64\"\u003e\n\u003c/a\u003e \u0026nbsp;\n\u003ca href=\"https://opencollective.com/react-static-boilerplate/sponsor/3/website\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://opencollective.com/react-static-boilerplate/sponsor/3/avatar.svg\" height=\"64\"\u003e\n\u003c/a\u003e \u0026nbsp;\n\u003ca href=\"https://opencollective.com/react-static-boilerplate/sponsor/4/website\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://opencollective.com/react-static-boilerplate/sponsor/4/avatar.svg\" height=\"64\"\u003e\n\u003c/a\u003e\n\n\n### Features\n\n\u0026nbsp; \u0026nbsp; ✓ Modern JavaScript syntax ([ES2015](http://babeljs.io/docs/learn-es2015/)+) via [Babel](http://babeljs.io/), modern CSS syntax via [PostCSS](https://github.com/postcss/postcss)\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; ✓ Component-based UI architecture via [React](http://facebook.github.io/react/), [Webpack](https://webpack.github.io/) and [CSS Modules](https://github.com/css-modules/css-modules)\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; ✓ Application state management /w time-travel debugging via [Redux](http://redux.js.org/) (see [`main.js`](main.js), [`core/store.js`](core/store.js))\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; ✓ Routing and navigation via [`path-to-regexp`](https://github.com/pillarjs/path-to-regexp) and [`history`](https://github.com/mjackson/history) (see [`main.js`](main.js), [`core/router.js`](core/router.js), [`utils/routes-loader.js`](utils/routes-loader.js))\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; ✓ [Code-splitting](https://github.com/webpack/docs/wiki/code-splitting) and async chunk loading via [Webpack](https://webpack.github.io/) and [ES6 System.import()](http://www.2ality.com/2014/09/es6-modules-final.html)\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; ✓ Hot Module Replacement ([HMR](https://webpack.github.io/docs/hot-module-replacement.html)) /w [React Hot Loader](http://gaearon.github.io/react-hot-loader/)\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; ✓ Cross-device testing with [Browsersync](https://browsersync.io/) (see [`run.js#start`](run.js))\u003cbr\u003e\n\u0026nbsp; \u0026nbsp; ✓ **24/7** community support on [Gitter](https://gitter.im/kriasoft/react-static-boilerplate); customization requests on [Codementor](https://www.codementor.io/koistya)\u003cbr\u003e\n\n**Demo**: https://rsb.kriasoft.com \u0026nbsp;|\u0026nbsp; **View** [docs](./docs) \u0026nbsp;|\u0026nbsp; **Follow us** on\n[Gitter](https://gitter.im/kriasoft/react-static-boilerplate), [Twitter](https://twitter.com/ReactStatic),\nor [ProductHunt](https://www.producthunt.com/tech/react-static-boilerplate) \u0026nbsp;|\u0026nbsp;\n**Learn** to [React.js and ES6](#learn-reactjs-and-es6)\n\n\n### Directory Layout\n\n```shell\n.\n├── /components/                # Shared or generic UI components\n│   ├── /Button/                # Button component\n│   ├── /Layout/                # Website layout component\n│   ├── /Link  /                # Link component to be used instead of \u003ca\u003e\n│   └── /...                    # etc.\n├── /core/                      # Core framework\n│   ├── /history.js             # Handles client-side navigation\n│   ├── /router.js              # Handles routing and data fetching\n│   └── /store.js               # Application state manager (Redux)\n├── /node_modules/              # 3rd-party libraries and utilities\n├── /pages/                     # React components for web pages\n│   ├── /about/                 # About page\n│   ├── /error/                 # Error page\n│   ├── /home/                  # Home page\n│   └── /...                    # etc.\n├── /public/                    # Static files such as favicon.ico etc.\n│   ├── /dist/                  # The folder for compiled output\n│   ├── favicon.ico             # Application icon to be displayed in bookmarks\n│   ├── robots.txt              # Instructions for search engine crawlers\n│   └── /...                    # etc.\n├── /test/                      # Unit and integration tests\n├── /utils/                     # Utility and helper classes\n│── main.js                     # React application entry point\n│── package.json                # The list of project dependencies and NPM scripts\n│── routes.json                 # This list of application routes\n│── run.js                      # Build automation script, e.g. `node run build`\n└── webpack.config.js           # Bundling and optimization settings for Webpack\n```\n\n\n### Getting Started\n\n**Step 1**. Make sure that you have [Node.js](https://nodejs.org/) v6 or newer installed on your\nmachine.\n\n**Step 2**. Clone this repository or use [Yeoman\ngenerator](https://github.com/kriasoft/react-static-boilerplate/tree/generator-react-static) to\nbootstrap your project:\n\n```shell\n$ git clone -o react-static-boilerplate -b master --single-branch \\\n      https://github.com/kriasoft/react-static-boilerplate.git MyApp\n$ cd MyApp\n$ npm install                   # Install project dependencies listed in package.json\n```\n\n\u003cp align=\"center\"\u003e——— or ———\u003c/p\u003e\n\n```shell\n$ npm install -g yo\n$ npm install -g generator-react-static\n$ mkdir MyApp\n$ cd MyApp\n$ yo react-static\n```\n\n**Step 3**. Compile and launch your app by running:\n\n```shell\n$ node run                      # Same as `npm start` or `node run start`\n```\n\nYou can also test your app in release (production) mode by running `node run start --release` or\nwith HMR and React Hot Loader disabled by running `node run start --no-hmr`. The app should become\navailable at [http://localhost:3000/](http://localhost:3000/).\n\n\n### How to Test\n\nThe unit tests are powered by [chai](http://chaijs.com/) and [mocha](http://mochajs.org/).\n\n```shell\n$ npm run lint                  # Check JavaScript and CSS code for potential issues\n$ npm run test                  # Run unit tests. Or, `npm run test:watch`\n```\n\n\n### How to Deploy\n\nUpdate `publish` script in the [`run.js`](run.js) file with your full Firebase project name as found\nin your [Firebase console](https://console.firebase.google.com/). Note that this may have an\nadditional identifier suffix than the shorter name you've provided. Then run: \n\n```shell\n$ node run publish              # Build and publish the website to Firebase, same as `npm run publish`\n```\n\nThe first time you publish, you will be prompted to authenticate with Google and generate an\nauthentication token in order for the publish script to continue.\n\n![publish](https://koistya.github.io/files/react-static-boilerplate-publish.gif)\n\nIf you need just to build the project without publishing it, run:\n\n```shell\n$ node run build                # Or, `node run build --release` for production build\n```\n\n\n### How to Update\n\nYou can always fetch and merge the recent changes from this repo back into your own project:\n\n```shell\n$ git checkout master\n$ git fetch react-static-boilerplate\n$ git merge react-static-boilerplate/master\n$ npm install\n```\n\n\n### Learn React.js and ES6\n\n:mortar_board: \u0026nbsp; **[React.js Training Program](http://www.reactjsprogram.com/?asdf=36750_q0pu0tfa)** by Tyler McGinnis\u003cbr\u003e\n:mortar_board: \u0026nbsp; **[React for Beginners](https://reactforbeginners.com/friend/konstantin)** and **[ES6 Training Course](https://es6.io/friend/konstantin)** by Wes Bos\u003cbr\u003e\n:green_book: \u0026nbsp; **[React: Up \u0026 Running: Building Web Applications](http://amzn.to/2bBgqhl)** by Stoyan Stefanov (Aug, 2016)\u003cbr\u003e\n:green_book: \u0026nbsp; **[Getting Started with React](http://amzn.to/2bmwP5V)** by Doel Sengupta and Manu Singhal (Apr, 2016)\u003cbr\u003e\n:green_book: \u0026nbsp; **[You Don't Know JS: ES6 \u0026 Beyond](http://amzn.to/2bBfVnp)** by Kyle Simpson (Dec, 2015)\u003cbr\u003e\n\n\n### Related Projects\n\n* [React App SDK](https://github.com/kriasoft/react-app) — Create React apps with just a single dev dependency and zero configuration\n* [React Starter Kit](https://github.com/kriasoft/react-starter-kit) — Isomorphic web app boilerplate (Node.js, React, GraphQL, Webpack, CSS Modules)\n* [ASP.NET Core Starter Kit](https://github.com/kriasoft/aspnet-starter-kit) — Cross-platform single-page application boilerplate (ASP.NET Core, React, Redux)\n* [Babel Starter Kit](https://github.com/kriasoft/babel-starter-kit) — JavaScript library boilerplate (ES2015, Babel, Rollup, Mocha, Chai, Sinon, Rewire)\n* [Universal Router](https://github.com/kriasoft/universal-router) — Isomorphic router for web and single-page applications (SPA)\n* [History](https://github.com/mjackson/history) — HTML5 History API wrapper library that handle navigation in single-page apps\n\n\n### How to Contribute\n\nAnyone and everyone is welcome to [contribute](CONTRIBUTING.md) to this project. The best way to\nstart is by checking our [open issues](https://github.com/kriasoft/react-static-boilerplate/issues),\n[submit a new issues](https://github.com/kriasoft/react-static-boilerplate/issues/new?labels=bug) or\n[feature request](https://github.com/kriasoft/react-static-boilerplate/issues/new?labels=enhancement),\nparticipate in discussions, upvote or downvote the issues you like or dislike, send [pull\nrequests](CONTRIBUTING.md#pull-requests).\n\n\n### License\n\nCopyright © 2015-present Kriasoft, LLC. This source code is licensed under the MIT license found in\nthe [LICENSE.txt](https://github.com/kriasoft/react-static-boilerplate/blob/master/LICENSE.txt) file.\n\n---\nMade with ♥ by Konstantin Tarkus ([@koistya](https://twitter.com/koistya)) and [contributors](https://github.com/kriasoft/react-static-boilerplate/graphs/contributors)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzedd45%2Freact-static-todos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzedd45%2Freact-static-todos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzedd45%2Freact-static-todos/lists"}