Version 6 of react-redux released, Architect: A UI framework for React & 24 Days of React
Happy Wednesday from wet Silicon Valley! This week's newsletter is full exciting React news, tutorials and frameworks!
Highlights include:
- A blog post from Dan Abramov about why we always have to use
super(props)in every class constructor - A podcast from Michael Chan featuring Ryan Florence where they discuss how hooks & mixins are related
- Architect UI: A UI Framework for React
- 24 days of React: 24 blog posts about all things React -- 1 blog post per day until December 24th
Happy Coding!
-Sophia Shoemaker
Version 6 of react-redux released
This latest release now supports the new context API introduced in React 16.4. Check the changelog for the rest of the details regarding this release.
github.com
Podcasts
Hooks are Mixins with Ryan Florence
Ryan Florence is the co-creator of React Router and creator of accessibility-first React libraries Reach Router and Reach UI. Michael Chan (Chantastic) sits with him to talk about Hooks on the night before they're announced. They talk about React's API growth, if Suspense has taken React to framework-land, what caches and resources mean for developers, and the rebirth of mixins as Hooks.
reactpodcast.com
Code
Architect - A UI Framework for React
Architect is a dashboard framework built with React. It has 150 components, different color schemes, multiple layout options and more. As someone who has built quite a few dashboards with React, I always find it exciting to see what frameworks are out there so you don't always have to re-invent the wheel!
architectui.com
Articles
Why Do We Write super(props)?
Have you ever wondered why you have to write super(props) in a class component constructor? Dan Abramov from the React core team gives an explanation behind this convention.
What do Hooks mean for popular APIs like Redux connect() and React Router?
Does the announcement of hooks mean libraries like Redux are no longer necessary? Check out the answer in the FAQs on hooks from the React documentation.
reactjs.org
Idiomatic Redux: The History and Implementation of React-Redux
In this article, Mark Erikson, one of the maintainers of Redux, explains the history behind the creation of react-redux and the evolution of the library since it was created.
isquaredsoftware.com
www.react.christmas: 24 Days of React
Read 1 blog post per day about all sorts of topics surrounding the React library!
- Day 1: Documentation with Docusaurus
- Day 2: Handling metadata in Redux
- Day 3: Why is
thisso hard? - Day 4: Handling component state
- Day 5: Testing a React component with a real Redux store
- Day 6: .....Follow along to find out!
About
Fullstack React: The Book
Learn React the right way with Fullstack React: The Complete Guide to ReactJS and Friends. If you've already purchased a copy, you automatically get access to the latest changes. If you haven't purchased a copy yet, don't delay and get the most up to date and comprehensive information and tutorials.
fullstackreact.com
Like what you've been reading from Fullstack React? You can help us spread the word. Please forward this email to you friends (and let them know they can subscribe here).
Follow us on Twitter
Curated with love by Sophia Shoemaker and the Fullstack.io team.
Suggestions are welcome, just reply to this email - we'd love to hear from you.