{"id":49048,"library":"react-addons-pure-render-mixin","title":"React Addons Pure Render Mixin","description":"Legacy React addon providing a pure render mixin for shallow comparison of props and state. Current stable version 15.6.3. No longer maintained; recommended migration path is to use React.PureComponent. This package exists only for backwards compatibility and should not be used in new code. It is part of the deprecated React addons collection.","status":"deprecated","version":"15.6.3","language":"javascript","source_language":"en","source_url":"https://github.com/facebook/react","tags":["javascript","react","react-addon"],"install":[{"cmd":"npm install react-addons-pure-render-mixin","lang":"bash","label":"npm"},{"cmd":"yarn add react-addons-pure-render-mixin","lang":"bash","label":"yarn"},{"cmd":"pnpm add react-addons-pure-render-mixin","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency required for React-specific functionality","package":"react","optional":false}],"imports":[{"note":"Default import, not named. Named import does not exist.","wrong":"import { PureRenderMixin } from 'react-addons-pure-render-mixin'","symbol":"PureRenderMixin","correct":"import PureRenderMixin from 'react-addons-pure-render-mixin'"},{"note":"CommonJS require returns the default export directly.","wrong":"const { PureRenderMixin } = require('react-addons-pure-render-mixin')","symbol":"PureRenderMixin (CommonJS)","correct":"const PureRenderMixin = require('react-addons-pure-render-mixin')"},{"note":"Available when using the UMD bundle; React must be loaded first.","wrong":"window.React.addons.PureRenderMixin","symbol":"React.addons.PureRenderMixin","correct":"React.addons.PureRenderMixin"}],"quickstart":{"code":"const createReactClass = require('create-react-class');\nconst PureRenderMixin = require('react-addons-pure-render-mixin');\n\nconst MyComponent = createReactClass({\n  mixins: [PureRenderMixin],\n  render() {\n    return <div className={this.props.className}>foo</div>;\n  }\n});","lang":"javascript","description":"Shows how to use PureRenderMixin with createReactClass to optimize re-renders via shallow prop/state comparison."},"warnings":[{"fix":"Migrate to React.PureComponent or React.memo for function components.","message":"This package is deprecated and no longer maintained. Do not use in new code.","severity":"deprecated","affected_versions":">=0"},{"fix":"Use immutable data structures or forceUpdate() when deep data changes.","message":"Only shallowly compares props and state; may produce false-negatives for nested data structures.","severity":"gotcha","affected_versions":">=0"},{"fix":"Convert to class extending React.PureComponent or use React.memo for functional components.","message":"In React 16+, mixing PureRenderMixin with class components that extend React.Component will not work correctly; mixins are not supported.","severity":"breaking","affected_versions":">=16.0"}],"env_vars":null,"search_vec":"'15.6.3':24 'addon':2,8,57,63 'backward':40 'code':49 'collect':58 'comparison':16 'compat':41 'current':21 'deprec':55 'exist':37 'javascript':59 'legaci':6 'longer':26 'maintain':27 'migrat':29 'mixin':5,13 'new':48 'packag':36 'part':52 'path':30 'prop':18 'provid':9 'pure':3,11 'react':1,7,56,60,62 'react-addon':61 'react.purecomponent':34 'recommend':28 'render':4,12 'shallow':15 'stabl':22 'state':20 'use':33,46 'version':23","created_at":"2026-06-07T16:59:47.030737+00:00","updated_at":"2026-06-07T16:59:47.030737+00:00","problems":[{"fix":"Use 'import PureRenderMixin from ...' without braces.","cause":"Importing named export instead of default export.","error":"TypeError: (0 , _reactAddonsPureRenderMixin.default) is not a function"},{"fix":"Use 'create-react-class' package and require/createReactClass.","cause":"Using React.createClass with PureRenderMixin in React 16+.","error":"Warning: React.createClass is no longer supported. Use React.createReactClass instead"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":null,"cli_version":null,"type":"library","homepage":"https://github.com/facebook/react#readme","github":"https://github.com/facebook/react","docs":null,"changelog":null,"pypi":null,"npm":"react-addons-pure-render-mixin","openapi_spec":null,"status_page":null,"smithery":null,"categories":["testing"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-07","next_check":"2026-09-05","install_tag":null}}