--- title: "A 'Time Travel' Debugger for React" publication: "React Status" issue: 153 published_at: "2019-08-28" canonical_url: "https://react.statuscode.com/issues/153" --- This week's React news #153 — August 28, 2019 [Read on the Web](https://react.statuscode.com/issues/153) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/tezsjsxj1o5wklajlv33.jpg)](https://github.com/oslabs-beta/reactime) [Reactime: A 'Time Travel' Debugger for React](https://github.com/oslabs-beta/reactime) — Currently a [Chrome extension](https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga) only, Reactime records your app’s state whenever it changes and lets you ‘rewind’ to any previous state for debugging purposes. _(Though if you’re using hooks, Context, or functional components, steer clear.)_ OSLabs Beta [Write Fewer, Longer Tests](https://kentcdodds.com/blog/write-fewer-longer-tests) — Kent demonstrates, in a realistic React-based context, how making tests too short and granular can simply lead to too many tests and not to worry about combining tests together. Kent C Dodds [![\](https://copm.s3.amazonaws.com/40323b98.png)](https://pantheon.io/register?utm_medium=paid_email&utm_source=cooperpress&utm_content=register&utm_ad_group_name=reactstatus_082819&utm_campaign=2019_08_register) [Power Your Website with WebOps](https://pantheon.io/register?utm_medium=paid_email&utm_source=cooperpress&utm_content=register&utm_ad_group_name=reactstatus_082819&utm_campaign=2019_08_register) — WebOps is the future of web hosting and website operations. Pantheon’s WebOps Platform give you and your web team superpowers. Try for free today. Pantheon sponsor [React Layouts: 'Grab and Go' Layouts to Use](https://react-layouts.com/) — A variety of different basic layouts with code you can just copy and paste based upon either Rebass, Theme UI, or Emotion (e.g. on [this ‘sticky footer’ example](https://react-layouts.com/sticky-footer) you can click between layout systems at the top right). Brent Jackson [How to Release a React Component, Hook or Effect as an `npm` Package](https://www.twilio.com/blog/release-custom-react-component-hook-effect-npm-package) — Joe found the process of releasing a hook ‘more intimidating than it should have’ so has written down the process to make it easier for _you_. Joe Previte 💻 Jobs [Senior Software Engineer - Frontend (100% Remote)](https://jobs.lever.co/close.io/10a1e32b-1a59-48dc-b8f4-e6f0dfae4e20?lever-origin=applied&lever-source%5B%5D=cooperpress) — Do you have a solid understanding of web technologies and want to design, implement, and launch major user features? Apply now. Close [React developers are in demand on Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Make a free profile, name your salary, and connect with hiring managers from top employers. Vettery 📘 Tutorials and Stories ▶[The State of React’s State in 2019](https://www.youtube.com/watch?v=dPY8y4CB3mI) — At May’s _International JavaScript Conference_, Lenz focused on _state_ in React apps, a perennially popular topic for discussion. He covered the different types of state, how to manage them, and where things like MobX and Redux are relevant. Lenz Weber [📕 20 Patterns to Watch for in Engineering Teams](https://resources.gitprime.com/books/20-patterns/?utm_source=nl%28rs%29&utm_medium=email-nl&utm_campaign=nl%28rs%29) — Actionable insights to help you debug your development process with data. [Get your copy](https://resources.gitprime.com/books/20-patterns/?utm_source=nl%28rs%29&utm_medium=email-nl&utm_campaign=nl%28rs%29). GitPrime sponsor [Building Components Using Children Props and the Context API](https://blog.soshace.com/en/javascript/building-react-components-using-children-props-and-context-api/) Alexander Solovyev [Setting Up Hot Reloading with Create React App](https://pranshuchittora.github.io/react-hot-reloading-cra/) Pranshu Chittora ▶[Why You Should Stop Using Create React App](https://www.youtube.com/watch?v=_1jxpraT3Q4) — The title is a bit baity IMHO but it’s interesting to see how to refactor a project to using Parcel instead of Create React App. Lucas Chen [Building a React Slider with Parallax Hover Effects](https://tympanus.net/codrops/2019/08/20/react-slider-with-parallax-hover-effects/) — Focuses mostly on the CSS side of things. Ryan Mulligan 🔧 Code and Tools [Data Table Component: A Flexible React Data Table Library](https://github.com/jbetancur/react-data-table-component) — Packed with features but remaining easy to set up. Uses React 16.8+ and styled-components. [Lots of demos here](https://jbetancur.github.io/react-data-table-component/?path=/story/). John Betancur [Dayz: A Minimal Calendar Component](https://github.com/nathanstitt/dayz) — Not a date selector but more like Google Calendar, say. There’s [a live demo here](http://nathanstitt.github.io/dayz/). Nathan Stitt [The Hands-On Guide to Learning React Hooks. Read the Article](https://www.telerik.com/kendo-react-ui/react-hooks-guide/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-react-hooks-guide&utm_content=brieflink) Progress KendoReact sponsor [React Webcam 2.0: A Component to Work with Webcams](https://github.com/mozmorris/react-webcam) — Its main method lets you grab the current frame from the camera. Moz Morris [use-inline-memo](https://github.com/andywer/use-inline-memo) — A React hook for memoizing values and callbacks anywhere in a component. Andy Wermke [Three Tiny Examples of Using React Hooks](https://github.com/leahjlou/react-hooks-examples) Leah McBeth A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom