This Week In React #112: JSX Expressions, Storybook, Remix, Actionless reducers, Atomic Forms, NPM trends, Expo, RN Keyboard, Bun...

This Week In React #112: JSX Expressions, Storybook, Remix, Actionless reducers, Atomic Forms, NPM trends, Expo, RN Keyboard, Bun...

Featured on daily.dev

Hi everyone!

Looks like a lot of devs are already on vacation 😎. On my side I will also skip some editions this summer to rest.

This week, we have a good variety of React and React-Native content. A lot of very positive feedback from the community on Bun!

On my side, Docusaurus 2.0 should be released soon, after 4 years of alpha/beta. I hope you will help me to make the launch a success! I'm thinking of sending you a different email for the occasion, to better present this tool I'm working on for Facebook.

🙏 Support the newsletter:

If you like this newsletter, subscribe in priority there:


React

Statements Vs. Expressions

Josh Comeau is preparing his next course on React. He proposes to go back to the basics of JavaScript, and thus allow a better understanding of how JSX works, which only works with expressions. On the same topic, I would love to see the do-expressions proposal progress 😇.

How to build connected components in Storybook

An official Storybook article that explains well all you can do with decorators: add a layout, global providers, mock a Redux store or requests... It can help to add "connected" components to your Storybook that otherwise can't be rendered due to context dependencies.

How I Estimate NPM Package Market Share (and how Redux usage compares to other libraries)

Mark Erikson (Redux) explains how he analyzes npm package usage trends, based on various more or less reliable tools. Download stats are often related to CI builds. He uses React state managers as an example. He now estimates Redux / React usage at 33% (previously 45-50%)

Actionless and Stateless Reducers in React

useReducer() is not reserved for complex cases: it can also be used for very simple state machines, like changing a boolean from false to true.

Extras:


💸 Sponsors

💡 How to sponsor this newsletter

Storetasker: Freelance Shopify Devs network

Hey! This is Tim from Storetasker. We run the best Shopify dev freelance network. I would love for you to apply if you enjoy building Shopify sites or are excited about leveraging Shopify's cutting-edge React framework for building custom storefronts: Hydrogen.

Accepted devs on the network work on a freelance basis, and we present them with great opportunities to work on some of the best Shopify brands (Alo Yoga, Chubbies, JUDY & many many more).

The great thing about Storetasker is that devs aren't in competition with each other - they just pick up the jobs that match their interests. Beyond that - it's a very tight-knit community.

Feel free to apply directly via this link to join.

TechTree - Introducing This Week in React Bounty Board

TechTree is building the first social-economic platform for developers - a place to help you unlock the real value of your knowledge and network!

The first major feature on TechTree is Bounties, a tool to help you earn money by referring your friends to open roles at top VC backed tech startups or find a job that might be right for you!

To help show you around, I have gone ahead and created my very own Bounty board - a selection of remote, React related roles for you to apply to or refer your network to. There has been over $300k worth of Bounties claimed on TechTree so far!

Looking to hire React developers? You can post Bounties of your own to be featured on my Bounty board! Read more and get started here.


React-Native


Other

CleanShot 2022-07-13 at 10 40 41@2x

Did you find this article valuable?

Support Sébastien Lorber by becoming a sponsor. Any amount is appreciated!