{"id":24964539,"url":"https://github.com/fasatrix/nyc-test-folder-outside-src","last_synced_at":"2025-10-06T15:01:56.916Z","repository":{"id":273867421,"uuid":"212418199","full_name":"fasatrix/nyc-test-folder-outside-src","owner":"fasatrix","description":null,"archived":false,"fork":false,"pushed_at":"2024-08-28T06:22:39.000Z","size":14151,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-03T10:16:29.827Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/fasatrix.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2019-10-02T18:55:03.000Z","updated_at":"2019-10-02T19:27:24.000Z","dependencies_parsed_at":"2025-01-23T12:43:31.258Z","dependency_job_id":null,"html_url":"https://github.com/fasatrix/nyc-test-folder-outside-src","commit_stats":null,"previous_names":["fasatrix/nyc-test-folder-outside-src"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fasatrix%2Fnyc-test-folder-outside-src","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fasatrix%2Fnyc-test-folder-outside-src/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fasatrix%2Fnyc-test-folder-outside-src/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fasatrix%2Fnyc-test-folder-outside-src/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fasatrix","download_url":"https://codeload.github.com/fasatrix/nyc-test-folder-outside-src/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246117760,"owners_count":20726069,"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":"2025-02-03T10:16:33.378Z","updated_at":"2025-10-06T15:01:56.779Z","avatar_url":"https://github.com/fasatrix.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- START doctoc generated TOC please keep comment here to allow auto update --\u003e\n\u003c!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --\u003e\n**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*\n\n- [React TypeScript Todo Example 2019 Mid](#react-typescript-todo-example-2019-mid)\n  - [Play 👇](#play-)\n  - [What's this?](#whats-this)\n    - [Motivation](#motivation)\n    - [Note 🗒](#note-%F0%9F%97%92)\n  - [Stack](#stack)\n  - [Prerequisites](#prerequisites)\n  - [Installation](#installation)\n  - [Run Webpack Dev Server](#run-webpack-dev-server)\n  - [Production Build](#production-build)\n  - [Run Production Build](#run-production-build)\n  - [Cypress](#cypress)\n      - [Runs Cypress tests from the CLI without the GUI](#runs-cypress-tests-from-the-cli-without-the-gui)\n      - [Opens Cypress in the interactive GUI.](#opens-cypress-in-the-interactive-gui)\n  - [Jest](#jest)\n  - [Linting](#linting)\n  - [Typecheck](#typecheck)\n  - [Issues](#issues)\n  - [Questions](#questions)\n  - [LICENSE](#license)\n  - [Contributors ✨](#contributors-)\n\n\u003c!-- END doctoc generated TOC please keep comment here to allow auto update --\u003e\n\n# React TypeScript Todo Example 2019 Mid\n\n[![CircleCI](https://circleci.com/gh/ryota-murakami/react-typescript-todo-example-2019.svg?style=svg)](https://circleci.com/gh/ryota-murakami/react-typescript-todo-example-2019) [![Cypress.io tests](https://img.shields.io/badge/cypress.io-tests-green.svg?style=flat-square)](https://cypress.io) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest) [![jest](https://jestjs.io/img/jest-badge.svg)](https://github.com/facebook/jest) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) \n[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors)\n[![Netlify Status](https://api.netlify.com/api/v1/badges/94ad28c3-2ccd-40b2-9b9f-35ab89148f43/deploy-status)](https://app.netlify.com/sites/react-typescript-todo-example/deploys)\n\n \u003ca href=\"https://react-typescript-todo-example.netlify.com/\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/ryota-murakami/react-typescript-todo-example-2019/master/img.pnghttps://raw.githubusercontent.com/ryota-murakami/react-typescript-todo-example-2019/master/images/todolist.gif\" alt=\"gif\"\u003e\u003c/a\u003e\n\n## Play 👇\n[![Edit react-typescript-todo-example-2019](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/ryota-murakami/react-typescript-todo-example-2019/tree/master/?fontsize=14)\n\n## What's this?\nThis is a [Create React App](https://facebook.github.io/create-react-app/) based [React](https://reactjs.org/) + [TypeScript](https://www.typescriptlang.org/) todo app example.  👉 [**DEMO**](https://react-typescript-todo-example.netlify.com)  \n[TypeScript](https://www.typescriptlang.org/) coming from babel, set upped at [Create React App](https://facebook.github.io/create-react-app/) install option. [Adding TypeScript Doc](https://facebook.github.io/create-react-app/docs/adding-typescript#docsNav)📝  \n\n### Motivation\nAftter React Conf 2018, It comming v16.8.0 with [Hooks](https://reactjs.org/docs/hooks-intro.html) that's apparently brand new way of Code Design contrast with class base 📝\nIn addition, TypeScript adopt so much easier into a `babel` + `wbpack` build system by [Create React App v2.1 TypeScript support](https://github.com/facebook/create-react-app/releases/tag/v2.1.0) official released.\n\nSo I was interested what kind of code design and configuration was built. if I build todo with a Hooks and TypeScript. 😀\n\n### Note 🗒\n\n**This is not a Best Practice introduction.  \nThere are tons of effective way to create solid software in JavaScript World, you have a lot of other option based on your preference for approaching where, The Repo is just a style of my favorite.**  \n\n\"*How to combining TypeScript with massive Babel or JavaScript tools ecosystem?*\"\n\n**I hope this helps you know like that from what I've Published!**\n\n\n## Stack\n- [TODO-CSS-Template](https://github.com/Klerith/TODO-CSS-Template)(Borrowing HTML \u0026 CSS Thanks! 👍 )\n- [Create React App](https://facebook.github.io/create-react-app/)(ejected for remove eslint-lordar from webpack / [React@16.9.0](https://reactjs.org/blog/2019/08/08/react-v16.9.0.html))\n- [TypeScript(Babel)](https://babeljs.io/docs/en/babel-plugin-transform-typescript)\n- [ReachRouter](https://github.com/reach/router)\n- [emotion](https://github.com/emotion-js/emotion): CSS-in-JS\n- [muriatic](https://github.com/ryota-murakami/muriatic): Data Sharing Library\n- [Cypress](https://www.cypress.io/): E2E Testing\n- [react-testing-library](https://github.com/testing-library/react-testing-library)\n- [ESLint](https://eslint.org/)\n  - [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier)\n  - [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint#readme)\n  - [eslint-plugin-react-hooks](https://reactjs.org/)\n- [Netlify](https://www.netlify.com/): Deploy \u0026 Hosting\n- [CircleCI](https://circleci.com/): Automation run tests, lint, typecheck, build, deploy\n\n\n## Prerequisites\n\nThe app assumed installed Node.js newer than `10.16.3 LTS`.  \nIf you have not it yet, follow the official [Node.js Doc](https://nodejs.org/en/) to install it.\n\n## Installation\n```\ngit clone git@github.com:ryota-murakami/react-typescript-todo-example-2019.git\ncd react-typescript-todo-example-2019\nyarn install # or npm install\n```\n\n## Run Webpack Dev Server\n```bash\nyarn start\n\n```\n\nAfter that you'll seen the console which are server processes messages.  \nLet's follow the message and put in URL `http://localhost:3000/` your browsers adressbar,   \nand then you'll got todo app as same as Demo. let's modify under the `src/` code feel free!!\n\n![console](images/launch_dev_server.png)\n\n\n## Production Build\n```bash\nyarn build\n```\n\nAfter that You'll get bundled stuff in `build` directory.\n\n## Run Production Build\n\nTBD...\n\n## Cypress\n[Cypress](https://www.cypress.io/) is all-in-one E2E Testing tool which can deal real browser testing.  \n\n![cypress_open](images/cypress_open.gif)\n\n#### Runs Cypress tests from the CLI without the GUI\n```baash\nyarn start # Launch DevServer\nyarn cypress:run\n```\n\n#### Opens Cypress in the interactive GUI.\n\n```bash\nyarn start # Launch DevServer\nyarn cypress:open\n```\n\n## Jest\n[Jest](https://jestjs.io/) is all-in-one test-runner built in [Create React App](https://facebook.github.io/create-react-app/) and covers function-level unit testing to component-behavior-level integration testing.  \nThe Repo use to [react-testing-library](https://github.com/testing-library/react-testing-library) for component integration testing.\n\n```bash\n# run jest\nyarn test\n# run jest with hide console message except jest infomation\nyarn test --silent\n```\n\nIf you run `yarn test`, you'll see console.error message on termianl because `ErrorBoundary.test.js` contain invalid react component on purpose.  \n`--silent` option hide that error.\n\n## Linting\n[ESLint](https://eslint.org/) is at the top.  \nAnd setup [TypeScript ESLint](https://github.com/typescript-eslint/typescript-eslint), mixing [Prettier](https://prettier.io/) as a [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier).\n\n```bash\n# run lint only\nyarn lint\n\n# run wtih eslint --fix option\nyarn lint:fix\n```\n\n## Typecheck\nWhile developing and building, Babel stop transpile with TS error messages.  \nI can't find way static typecheck with babel,  \nso I'm using original TypeScript via npm and specified `tsc --noEmit` compile option that doesn't generate compiled code.  \n\n```bash\nyarn typecheck\n```\n\n## Issues\nPlease feel free to post [New Issue](https://github.com/ryota-murakami/react-typescript-todo-example-2019/issues/new) or Pull Request 🤗\n\n## Questions\nPlease feel free to post [New Issue](https://github.com/ryota-murakami/react-typescript-todo-example-2019/issues/new) or reply on [Twitter](https://twitter.com/malloc007) 🐦  \n\nIf you want to get more generally answers, these community are might be helpful 🍻\n\n- [Spectrum](https://spectrum.chat/react?tab=posts)\n- [Reactiflux on Discord](https://www.reactiflux.com/)\n- [Stack Overflow](https://stackoverflow.com/questions/tagged/reactjs)\n\n## LICENSE\nMIT\n\n## Contributors ✨\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://ryota-murakami.github.io/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/5501268?s=400\u0026u=7bf6b1580b95930980af2588ef0057f3e9ec1ff8\u0026v=4\" width=\"100px;\" alt=\"ryota-murakami\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eryota-murakami\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ryota-murakami/react-typescript-todo-example-2019/commits?author=ryota-murakami\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/ryota-murakami/react-typescript-todo-example-2019/commits?author=ryota-murakami\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/ryota-murakami/react-typescript-todo-example-2019/commits?author=ryota-murakami\" title=\"Tests\"\u003e⚠️\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://donkeycar.com\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/147582?v=4\" width=\"100px;\" alt=\"Will Roscoe\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eWill Roscoe\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ryota-murakami/react-typescript-todo-example-2019/commits?author=wroscoe\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffasatrix%2Fnyc-test-folder-outside-src","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffasatrix%2Fnyc-test-folder-outside-src","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffasatrix%2Fnyc-test-folder-outside-src/lists"}