{"id":244032,"date":"2016-07-29T07:09:25","date_gmt":"2016-07-29T14:09:25","guid":{"rendered":"http:\/\/css-tricks.com\/?p=244032"},"modified":"2016-07-29T07:09:25","modified_gmt":"2016-07-29T14:09:25","slug":"quick-look-react-redux-devtools","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/quick-look-react-redux-devtools\/","title":{"rendered":"A Quick Look at the React and Redux DevTools"},"content":{"rendered":"

I’m still quite a newbie at this stuff, but I think the development tooling around React and Redux is pretty dang impressive. <\/p>\n","protected":false},"excerpt":{"rendered":"

I’m still quite a newbie at this stuff, but I think the development tooling around React and Redux is pretty dang impressive.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[17],"tags":[557,656],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":239814,"url":"https:\/\/css-tricks.com\/learning-react-redux\/","url_meta":{"origin":244032,"position":0},"title":"Leveling Up with React: Redux","date":"March 28, 2016","format":false,"excerpt":"This tutorial is the final of a three-part series by Brad Westfall. We'll learn how to manage state across an entire application efficiently and in a way that can scale without dangerous complexity. We've come so far in our React journey, it's worth making it across the finish line here\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":302303,"url":"https:\/\/css-tricks.com\/understanding-immutability-in-javascript\/","url_meta":{"origin":244032,"position":1},"title":"Understanding Immutability in JavaScript","date":"January 30, 2020","format":false,"excerpt":"If you haven\u2019t worked with immutability in JavaScript before, you might find it easy to confuse it with assigning a variable to a new value, or reassignment. While it\u2019s possible to reassign variables and values declared using let or var, you'll begin to run into issues when you try that\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/04\/javascript-v4.png?fit=1200%2C400&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":291587,"url":"https:\/\/css-tricks.com\/managing-wordpress-metadata-in-gutenberg-using-a-sidebar-plugin\/","url_meta":{"origin":244032,"position":2},"title":"Managing WordPress Metadata in Gutenberg Using a Sidebar Plugin","date":"June 20, 2019","format":false,"excerpt":"WordPress released their anticipated over to the post editor, nicknamed Gutenberg, which is also referred to as the block editor. It transforms a WordPress post into a collection of blocks that you can add, edit, remove and re-order in the layout. Before the official release, Gutenberg was available as a\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/06\/gutenberg-editor-wires.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":297101,"url":"https:\/\/css-tricks.com\/understanding-how-reducers-are-used-in-redux\/","url_meta":{"origin":244032,"position":3},"title":"Understanding How Reducers are Used in Redux","date":"October 24, 2019","format":false,"excerpt":"A reducer is a function that determines changes to an application\u2019s state. It uses the action it receives to determine this change. We have tools, like Redux, that help manage an application\u2019s state changes in a single store so that they behave consistently. Why do we mention Redux when talking\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/10\/redux-logo.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":344316,"url":"https:\/\/css-tricks.com\/links-on-react-and-javascript\/","url_meta":{"origin":244032,"position":4},"title":"Links on React and JavaScript","date":"July 13, 2021","format":false,"excerpt":"As a day-job, React-using person, I like to stay abreast of interesting React news. As such, I save a healthy amount of links. Allow me to dump out my latest pile. Most of this is about React but not all of it. The Plan for React 18 \u2014 A bunch\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/04\/react.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":299043,"url":"https:\/\/css-tricks.com\/build-your-own-react\/","url_meta":{"origin":244032,"position":5},"title":"Build your own React","date":"November 20, 2019","format":false,"excerpt":"Wowza! Rodrigo Pombo\u2019s article about how to build React from scratch is fantastic, not only because it\u2019s well written, but because of the outstanding interaction design: each line in the code examples ge highlighted and explored in further detail as you scroll down the page. This makes it super easy\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/11\/toolbox-frameworks-scaled.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/244032"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=244032"}],"version-history":[{"count":1,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/244032\/revisions"}],"predecessor-version":[{"id":244033,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/244032\/revisions\/244033"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=244032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=244032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=244032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}