---
title: "#72: A Guide to Styled Components, Debouncing Events in React and more"
publication: "React Status"
issue: 72
published_at: "2018-01-26"
canonical_url: "https://react.statuscode.com/issues/72"
---

react status 72   

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

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

[A Guide to Styled Components with Interactive Examples](http://www.codecamps.com/a-quick-guide-to-styled-components-with-interactive-examples/) — Learn how to use [styled components](https://github.com/styled-components/styled-components) and find out why they’re built with tagged template literals. Maciej Nowakowski [styled-components 3.0 Released](https://github.com/styled-components/styled-components/releases/tag/v3.0.1) Glen Maddern, Max Stoiber, Phil Plückthunnews [Debouncing Events in React](https://www.youtube.com/watch?v=KXao_qwl05k) — Want to prevent an event handler being called again until a certain time has passed? You need to ‘debounce’. Elijah has some interesting things about doing this with React to share with us. _(7 minutes)_ Elijah Manorvideo [Planning a React Application: Whitepaper](https://www.telerik.com/campaigns/kendo-ui/wp-planning-react-app?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-react-whitepaper-planreactapp&utm_content=primary) — Start your next React project with confidence. Learn strategies for tooling, frontend and UX, testing and performance to boost your (and your team’s) productivity. [Get your free copy](https://www.telerik.com/campaigns/kendo-ui/wp-planning-react-app?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-react-whitepaper-planreactapp&utm_content=primary). Progresssponsored [![\](https://copm.s3.amazonaws.com/8182b1d3.png)](https://www.telerik.com/campaigns/kendo-ui/wp-planning-react-app?utm_source=reactstatus&utm_medium=cpm&utm_campaign=kendo-ui-react-whitepaper-planreactapp&utm_content=primary) [React and HTML: Beware of The Traps](http://blog.theodo.fr/2018/01/react-html-beware-traps/) — Keep good HTML practices in mind while writing your JSX. If your components are enclosed in endless HTML tags, accessibility can go down the drain. Elie Dutheil [How to Build Your Own React Boilerplate](https://medium.freecodecamp.org/how-to-build-your-own-react-boilerplate-2f8cbbeb9b3f) — Covers the basic building blocks of creating a boilerplate/template. Nick Karnik [Cuttlebelle: A React Static Site Generator](https://cuttlebelle.com/) — Build your layouts with React, your content with YAML or Markdown, and construct pages of any complexity out of simple partials. Dominik Wilkowski [Rethinking State Management with React Agent](https://medium.com/@awesometom/rethinking-state-management-with-react-agent-e3000c8c2393) Tom Stern Rosenblatt [Programmatically Navigating with React Router v4](https://tylermcginnis.com/react-router-programmatically-navigate/) — _Available in both video and written formats._ Tyler McGinnisvideo [A 40 Minute Next.js Crash Course: The Server-Side React Framework](https://www.youtube.com/watch?v=IkOVe40Sy0U) Traversy Mediavideo [10 Tips for Writing Highly Readable React Code](https://medium.freecodecamp.org/10-points-to-remember-thatll-help-you-master-coding-in-reactjs-library-d0520d8c73d8) Nirmalya Ghosh [Upgrading a 'create-react-app' Project to an SSR + Code Splitting Setup](https://medium.com/bucharestjs/upgrading-a-create-react-app-project-to-a-ssr-code-splitting-setup-9da57df2040a) Andrei Duca [How To Reduce the Risks Of Continuous Delivery](https://try.rollbar.com/low-risk-continuous-delivery-guide/?utm_source=email-nl&utm_medium=email-nl&utm_campaign=email-nl) ROLLBARsponsored [How to Become a React Native Developer in 2018](https://hackernoon.com/how-to-become-a-react-native-developer-in-2018-d9bc85e1d91f) — General tips and resources for anyone curious about learning React Native. Spencer Carlinative [Building a Static Blog using Gatsby and Strapi](https://medium.com/@strapi/building-a-static-blog-using-gatsby-and-strapi-8b5acfc82ad8) — Strapi is a Node-powered ‘content management framework.’ Pierre Burgy [React and Visual Automata-Based Programming](https://medium.com/dailyjs/react-and-visual-automata-based-programming-c1d13e153cde) — _“How state machines changed the way I think about state management.”_ Łukasz Makuch [How We Built a Tool to Export React Prototypes from Sketch](https://medium.com/tictail/code-with-design-how-we-built-a-tool-to-export-react-prototypes-from-sketch-c8d0c23e8126) Joel Besada [See Why Facebook, Spotify, & Fastlane Trust CircleCI with Their CI/CD](https://circleci.com/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=january18&utm_content=react-status) CircleCIsponsored [redux-bundler: Compose a Redux Store From Smaller Bundles of Functionality](https://github.com/HenrikJoreteg/redux-bundler) Henrik Joretegcode [react-tabtab: A Draggable and Editable Tab-Bar System for React](https://github.com/ctxhou/react-tabtab) Jack Houcode [react-c2c: A Dependency-Free 'Copy to Clipboard' Component](https://github.com/solodynamo/react-c2c) Ankit Singhcode [Remeasure: Get Position and Size Attributes for any React Component](https://github.com/planttheidea/remeasure) Tony Quetanocode Jobs [Frontend Web Engineer at Citymapper - Junior and Senior](https://citymapper.workable.com/jobs/629000) — We're looking for more incredible frontend web engineers to help with our React powered consumer websites and complex map based tools. Citymapper [Technical Writer (Full Time / Part Time / Remote)](https://nick1214.typeform.com/to/WMkrRk) — Do you like writing for a technical audience? Looking for a bit of extra income, a part-time or a full time role, drop us a line. Raygun    [Read this issue on the Web](https://react.statuscode.com/issues/72) [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