---
title: "⚛️ #71 —\u00a0A Guide to Building a React Component for npm"
publication: "React Status"
issue: 71
published_at: "2018-01-19"
canonical_url: "https://react.statuscode.com/issues/71"
---

react status 71   

This week's React news -[Read this on the Web](https://react.statuscode.com/issues/71) 

[react status](https://react.statuscode.com) Issue 71     

[Dragging React Performance Forward](https://medium.com/@alexandereardon/dragging-react-performance-forward-688b30d40a33) — One of the creators of [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) goes in-depth on how they improved the performance of the latest release. Alex Reardon [After.js: A React Router Server-Rendered React Framework](https://github.com/jaredpalmer/after.js) — As it says itself, _“If Next.js and React Router had a baby…”_ This is ready to roll, but Next.js is itself [incorporating React Router soon.](https://react-etc.net/entry/next-js-to-adopt-react-router) Jared Palmercode [📣 New Course: Advanced State in React with Redux, MobX, & More](https://frontendmasters.com/courses/react-state/) — Learn the patterns to manage state across large React applications. Take a tour through the popular approaches and libraries to state management like Flux, Redux, MobX, Redux Thunks and Redux Sagas in this new course by Steve Kinney. Frontend Masterssponsored [![\](https://copm.s3.amazonaws.com/7bf44f42.png)](https://frontendmasters.com/courses/react-state/) [Five Things About Create React App](https://www.youtube.com/watch?v=9t2GWFegnkQ) — Learn more about [Create React App](https://github.com/facebookincubator/create-react-app) and how it helps you get started with React with Dan Abramov and Burke Holland. An interesting new video experiment from Microsoft’s Channel 9. Channel 9video [What's Your Favorite UI Framework for React?](https://www.reddit.com/r/javascript/comments/7qrcas/what_is_you_favorite_ui_framework_for_react/) — Redditors are particularly keen on [Semantic UI](https://react.semantic-ui.com/introduction), [Ant](https://ant.design/docs/react/introduce), and [Material UI.](http://www.material-ui.com/) Reddit [A Guide to Building a React Component for npm](https://medium.com/@markus.s.englund/a-guide-to-building-a-react-component-for-npm-68f03b314753) — Things worth knowing if you want to create a great React library and publish it on npm. Markus Englund [React.Fragment and Semantic HTML in React 16.2+](https://blog.jmes.tech/react-fragment-and-semantic-html/) — Components can now render an array of elements without a parent container. Just James [How to Get Hot Module Replacement (HMR) Working in Create React App](https://daveceddia.com/hot-reloading-create-react-app/) Dave Ceddia [Get Going with Kendo UI & React: A GIF Guide](https://www.telerik.com/blogs/get-going-with-kendo-ui-react?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-blog-kuireactgiftguide&utm_content=brieflink) Progresssponsored [100 Lines of Code, 4 Rectangles, 2 Circles, 1 React SVG Loading Spinner](https://codeburst.io/100-lines-of-code-4-rectangles-2-circles-1-react-svg-loading-spinner-518ed4d14280) Xavier Cazalot [Designing Reusable React Components](https://medium.freecodecamp.org/designing-reusable-react-components-1cbeb897b048) — Or _“What Lego Can Teach Us About Reuse in React Apps”_ Cory House [Nested Routes with React Router V4](https://www.youtube.com/watch?v=sfvrjwVihFY) Tyler McGinnisvideo [React Error Boundaries Let You Recover Gracefully](https://rollbar.com/blog/react-error-boundaries/) ROLLBARsponsored [10 React Developer Tools You Might Have Missed](https://medium.com/@jondot/10-react-developer-tools-you-might-have-missed-6c7575cc27eb) Dotan Nahumtools [A Tool to Convert React JS Code to TypeScript](https://github.com/lyft/react-javascript-to-typescript-transform) — Transforms React code written in JavaScript to TypeScript, complete with types. Lyfttools [Stockroom: Offload Your Store Management to a Worker](https://github.com/developit/stockroom) — Runs a [Unistore](https://github.com/developit/unistore) in a Web Worker. Jason Millercode [React Compound Slider](https://github.com/sghall/react-compound-slider) — A tiny (5kb) slider component with “no opinion about markup or styles”. Steve Hallcode [React SPA Boilerplate: Boilerplate for Single-Page React Apps](https://github.com/jeremyxgo/react-spa-boilerplate) Jeremy Gocode Jobs [Senior Frontend Engineer (React)](https://mathspace.workable.com/j/2DF138C840) — Our adaptive learning technology is helping teachers and students across the globe. Help us transform mathematics education and make an impact. Mathspace    [Read this issue on the Web](https://react.statuscode.com/issues/71) [See our archives](https://react.statuscode.com/issues) [Stop getting this newsletter](*|UNSUB|*)  

Published by [Cooperpress](https://cooperpress.com/)
Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK
