{"id":13548125,"url":"https://github.com/wyze/babel-plugin-transform-react-stateless-component-name","last_synced_at":"2025-05-07T01:22:17.746Z","repository":{"id":57097527,"uuid":"46188284","full_name":"wyze/babel-plugin-transform-react-stateless-component-name","owner":"wyze","description":"Adds a display name to the stateless component in the React Dev Tools.","archived":false,"fork":false,"pushed_at":"2020-08-20T00:44:24.000Z","size":153,"stargazers_count":32,"open_issues_count":4,"forks_count":8,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-04T09:16:58.025Z","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/wyze.png","metadata":{"files":{"readme":"readme.md","changelog":"changelog.md","contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-11-14T19:11:46.000Z","updated_at":"2022-05-14T15:47:27.000Z","dependencies_parsed_at":"2022-08-20T18:10:23.949Z","dependency_job_id":null,"html_url":"https://github.com/wyze/babel-plugin-transform-react-stateless-component-name","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyze%2Fbabel-plugin-transform-react-stateless-component-name","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyze%2Fbabel-plugin-transform-react-stateless-component-name/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyze%2Fbabel-plugin-transform-react-stateless-component-name/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyze%2Fbabel-plugin-transform-react-stateless-component-name/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wyze","download_url":"https://codeload.github.com/wyze/babel-plugin-transform-react-stateless-component-name/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252794291,"owners_count":21805173,"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-08-01T12:01:06.032Z","updated_at":"2025-05-07T01:22:17.727Z","avatar_url":"https://github.com/wyze.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# babel-plugin-transform-react-stateless-component-name\n\n[![Build Status][travis-image]][travis-url]\n[![npm][npm-image]][npm-url]\n[![Codecov.io][codecov-image]][codecov-url]\n\n\u003e Adds a display name to the stateless component in the React Dev Tools.\n\u003e\n\u003e **Note:** Now will add displayName property to functions as well to help with Snapshot testing.\n\n## Example\n\n```jsx\n// App.jsx\nimport React from 'react'\n\nexport default () =\u003e (\n  \u003ch1\u003eHello World!\u003c/h1\u003e\n)\n\n// index.js\nimport App from './App'\nimport React from 'react'\nimport { render } from 'react-dom'\n\nrender(\u003cApp /\u003e, document.getElementById('root'))\n```\n\n### Before\n\n![Before](.github/media/before.png)\n\n### After\n\n![After](.github/media/after.png)\n\n## Installation\n\n### Yarn\n\n```\n$ yarn add --dev babel-plugin-transform-react-stateless-component-name\n```\n\n### npm\n\n```\n$ npm install --save-dev babel-plugin-transform-react-stateless-component-name\n```\n\n## Usage\n\n### Via `.babelrc` (Recommended)\n\n**.babelrc**\n\n```json\n{\n  \"plugins\": [\n    \"transform-react-stateless-component-name\"\n  ]\n}\n```\n\n### Via CLI\n\n```\n$ babel --plugins transform-react-stateless-component-name script.js\n```\n\n### Via Node API\n\n```js\nrequire('babel-core').transform('code', {\n  plugins: [\n    'transform-react-stateless-component-name',\n  ],\n})\n```\n\n## Change Log\n\n\u003e [Full Change Log](changelog.md)\n\n### [v1.1.2](https://github.com/wyze/babel-plugin-transform-react-stateless-component-name/releases/tag/v1.1.2) (2017-11-07)\n\n* [[`673e2a4128`](https://github.com/wyze/babel-plugin-transform-react-stateless-component-name/commit/673e2a4128)] - Update to use `write-changelog` package (Neil Kistner)\n* [[`a853f804b1`](https://github.com/wyze/babel-plugin-transform-react-stateless-component-name/commit/a853f804b1)] - Remove all istanbul ignores (#10) (Thomas Grainger)\n* [[`e875edd575`](https://github.com/wyze/babel-plugin-transform-react-stateless-component-name/commit/e875edd575)] - Avoid crash on block-arrow components with hoc wrapper (#9) (Thomas Grainger)\n* [[`e98586fe5a`](https://github.com/wyze/babel-plugin-transform-react-stateless-component-name/commit/e98586fe5a)] - Ignore JSX Expression blocks (#7) (Daniel J)\n\n## License\n\nCopyright © 2015-2016 [Neil Kistner](//github.com/wyze)\n\nReleased under the MIT license. See [license](license) for details.\n\n[travis-image]: https://img.shields.io/travis/wyze/babel-plugin-transform-react-stateless-component-name.svg?style=flat-square\n[travis-url]: https://travis-ci.org/wyze/babel-plugin-transform-react-stateless-component-name\n\n[npm-image]: https://img.shields.io/npm/v/babel-plugin-transform-react-stateless-component-name.svg?style=flat-square\n[npm-url]: https://npmjs.com/package/babel-plugin-transform-react-stateless-component-name\n\n[codecov-image]: https://img.shields.io/codecov/c/github/wyze/babel-plugin-transform-react-stateless-component-name.svg?style=flat-square\n[codecov-url]: https://codecov.io/github/wyze/babel-plugin-transform-react-stateless-component-name\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyze%2Fbabel-plugin-transform-react-stateless-component-name","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwyze%2Fbabel-plugin-transform-react-stateless-component-name","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyze%2Fbabel-plugin-transform-react-stateless-component-name/lists"}