Dynamically render home page · mjackson/npmcdn.com@9e0f434 · GitHub

  • + < li >< a href = " /react/dist/react.min.js " > https : //npmcdn.com/react/dist/react.min.js
  • npmcdn is intended to make it easier to publish code, not harder, so Bower support will be removed in January 2017.
  • – < p >You may use the special < code >/bower.zip file path in packages that contain a < code >bower.json file to dynamically generate a zip file that Bower can use to install the package.

Read the full article, click here.


@mjackson: “I love copying and pasting an HTML file into a @reactjs component file. It never gets old”


The website for npmcdn.com


Dynamically render home page · mjackson/npmcdn.com@9e0f434 · GitHub

GitHub – Sitebase/react-avatar at 0.7.3

  • Used in combination with name and value .
  • Will be used to generate avatar based on the initials of the person
  • Give the text a fixed color with a hex like for example #FF0000

Read the full article, click here.


@Sitebase: “New version of react avatar published that includes retina fix. #reactjs #javascript”


react-avatar – Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user.


GitHub – Sitebase/react-avatar at 0.7.3

NativeBase: Experience the awesomeness of React Native without the pain

NativeBase: Experience the awesomeness of React Native without the pain.  via @_cxa

  • upvote tweet share 2016-04-30T09:26:18.776-07:00
  • Experience the awesomeness of React Native without the pain
  • To me, the biggest pain of react native was setting it up, not using it once a project has been started.

Read the full article, click here.


@ProductHunt: “NativeBase: Experience the awesomeness of React Native without the pain. via @_cxa”


NativeBase – Experience the awesomeness of React Native without the pain. Posted by 陈贤安 CHEN Xian-an, on Product Hunt.


NativeBase: Experience the awesomeness of React Native without the pain

GitHub – stoeffel/react-form-hoc: Higher order component for react forms

  • Higher order component for react forms (inspired by redux-form )
  • $ npm install –save react-form-hoc
  • import formHOC from ‘ react-form-hoc ‘ const MyForm = ({ fields }) => ( < form > < input { ...

Read the full article, click here.


@schtoeffel: “Created a hoc to simplify formstate/validation and error handling. Samples and more docs coming soon. #reactjs”


react-form-hoc – Higher order component for react forms


GitHub – stoeffel/react-form-hoc: Higher order component for react forms

GitHub – thejameskyle/babel-react-optimize: A Babel preset and plugins for optimizing React code.

  • Component { render () { return ( _jsx ( ‘ div ‘ , { className : this .
  • Component { static propTypes = { className : React .
  • isRequired }; render () { return ( < div className = { this .

Read the full article, click here.


@kuizinas: “is not getting anywhere near the attention it deserves. (ノ◕ヮ◕)ノ*:・゚✧ #reactjs Great work @thejameskyle”


babel-react-optimize – :rocket: A Babel preset and plugins for optimizing React code.


GitHub – thejameskyle/babel-react-optimize: A Babel preset and plugins for optimizing React code.

GitHub – ericelliott/react-pure-component-starter: A pure component dev starter kit for React.

  • The repo demonstrates pure components.
  • export default React => ( props ) => < h1 > { props .
  • Unit Testing React Components

Read the full article, click here.


@_ericelliott: “React components can be pure functions. Class-free for the masses.
#reactjs #JavaScript”


react-pure-component-starter – A pure component dev starter kit for React.


GitHub – ericelliott/react-pure-component-starter: A pure component dev starter kit for React.

Investigate support for Universal/Isomorphic rendering · Issue #27 · insin/react-hn · GitHub

  • at invariant (/Users/addyo/projects/react-hn-universal-experiment/node_modules/fbjs/lib/invariant.js:38:15) at getNodeFromInstance (/Users/addyo/projects/react-hn-universal-experiment/node_modules/react/lib/ReactDOMComponentTree.js:164:67) at ReactDOMComponent.
  • ReactReconciler.receiveComponent (/Users/addyo/projects/react-hn-universal-experiment/node_modules/react/lib/ReactReconciler.js:103:22) at [object Object].ReactCompositeComponentMixin._updateRenderedComponent (/Users/addyo/projects/react-hn-universal-experiment/node_modules/react/lib/ReactCompositeComponent.js:653:23) at [object Object].ReactCompositeComponentMixin._performComponentUpdate (/Users/addyo/projects/react-hn-universal-experiment/node_modules/react/lib/ReactCompositeComponent.js:635:10) at [object Object].ReactCompositeComponentMixin.updateComponent (/Users/addyo/projects/react-hn-universal-experiment/node_modules/react/lib/ReactCompositeComponent.js:564:12) addyo at addyo-macbookpro in ~/projects/react-hn-universal-experiment $
  • Ya Invariant Violation: React DOM tree root should always have a node reference.

Read the full article, click here.


@addyosmani: “@addyosmani if anyone out there has experience with universal @reactjs using v15+, would love help figuring out 💕”


react-hn – React-powered Hacker News client


Investigate support for Universal/Isomorphic rendering · Issue #27 · insin/react-hn · GitHub