--- title: "#76: How to bring together D3.js with React" publication: "React Status" issue: 76 published_at: "2018-02-23" canonical_url: "https://react.statuscode.com/issues/76" --- This week's React news #76 — February 23, 2018 [Read on the Web](https://react.statuscode.com/issues/76) react status Developers seem to be getting increasingly interested in podcasts recently, and the folks behind React Training have just launched a new show, [**The React Podcast**](https://www.spreaker.com/show/the-react-podcast) with two episodes ready to enjoy. We've also heard that DevChat.tv, the folks behind [**JavaScript Jabber**](https://devchat.tv/js-jabber), are working on a new panel-based React show called _React Round Up_ and we'll link to that too when it launches :-) _— Peter Cooper, editor_ [Bringing Together React, D3, and Their Ecosystem](https://www.smashingmagazine.com/2018/02/react-d3-ecosystem/) — [D3.js](https://d3js.org/) is a _de facto_ standard for building complex data visualizations on the Web and while bringing it together with React can be challenging, there are many ways to do it successfully. Marcos Iglesias [The Future of State in React](https://jwheatley.co/the-future-of-state-in-react/) — Juwan Wheatley demonstrates how React’s Context API will be the _“go-to solution for sharing state simply”_ while creating a theme-switching component. Juwan Wheatley [![\](https://copm.s3.amazonaws.com/f7b887b2.png)](https://circleci.com/resources/velocity-report/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=february18&utm_content=react-status) [Improve Your Engineering Team’s Velocity With These 3 Metrics](https://circleci.com/resources/velocity-report/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=february18&utm_content=react-status) — If your business depends on software (it does) you're probably spending a lot of time thinking about DevOps. CircleCI sponsor [React Native Being Relicensed Under MIT License](https://twitter.com/reactjs/status/964689022747475968) — This change will bring React Native into line with regular React. Facebook’s [Fresco](https://github.com/facebook/fresco) image library for Android, [Yoga](https://github.com/facebook/yoga) layout engine, and [Metro bundler](https://github.com/facebook/metro) will also be included. React on Twitter [A React + Apollo + GraphQL GitHub Client to Learn From](https://github.com/rwieruch/react-graphql-github-apollo) — An app that provides an opportunity to learn about bringing together multiple technologies in a single codebase. Robin Wieruch [Protected Routes and Authentication with React and Node](https://medium.com/strapi/protected-routes-and-authentication-with-react-and-node-js-d31d234644cd) — Discover how to add a basic authentication flow to a Create React App app. Cyril Lopez [How Algolia Built Their Frontend Search Widgets with React](https://blog.arkency.com/how-algolia-built-their-frontend-search-widgets-with-react-dot-js-by-following-redux-principles/) — ..by following Redux principles. Robert Pankowecki [Building a Simple To Do Web App with Stitch, React, and MongoDB](https://docs.mongodb.com/stitch/tutorials/todo-web/?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY19Q1&utm_content=brief&utm_medium=display&utm_source=frontendfocus20180216) mongodb sponsor 🎬 Videos, Screencasts and Talks [Testing React with Enzyme and Jest: A Video Series](https://javascriptplayground.com/testing-react-enzyme-jest/) — First five episodes are free. Jack Franklin [Adding the Storybook Style Guide to a Create React App](https://www.youtube.com/watch?v=va-JzrmaiUM) Elijah Manor React Jobs [Want to Work with Engineers Who Read React Status?](http://bit.ly/detectivereactstatus022018) — We're hiring our 5th engineer in Chicago to help build our platform of automation based sales tools. We use React, Redux & Rails. Detective.io [Product Engineer](https://corp.quip.com/about/jobs#product-engineer) — We're looking for a front-end-focused engineer who cares about product design, UX and collaboration to join an exceptional team. Quip 📱 React Native [How to Apply UI Test Automation in React Native Apps](https://www.polidea.com/blog/how-to-apply-ui-test-automation-in-react-native-apps/) Polidea [Building a Location Sharing App with React Native and Pusher](https://blog.pusher.com/location-sharing-react-native-pusher/) Wern Ancheta [React Native Paper: Material Design for React Native](https://github.com/callstack/react-native-paper) Callstack 🔧 Code and Tools [React App SDK: Create-React-App with Server-Side Code Support](https://github.com/kriasoft/react-app) — An extension for [Create React App](https://github.com/facebook/create-react-app) that makes it easier to build REST or GraphQL APIs, do server-side rendering, etc. Kriasoft [Real-Time Error Monitoring, Alerting, and Analytics for React 🚀](https://rollbar.com/error-tracking/javascript/?utm_source=reactstatus&utm_campaign=nl_sponsorship&utm_medium=email-nl) ROLLBAR sponsor [React Hot Loader 4.0-rc0: Tweak React Components in Real Time](https://github.com/gaearon/react-hot-loader/tree/next) Dan Abramov [react-lazyload-fadein: A Component to Lazy-Load Children with a Fade-In Effect](https://github.com/Swizec/react-lazyload-fadein) Swizec Teller [Undux: Very Simple State Management for React](https://github.com/bcherny/undux) Boris Cherny A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*%7CUID%7C*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*%7CUID%7C*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom