DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for This Week In React #112: JSX Expressions, Storybook, Remix, Actionless reducers, Atomic Forms, NPM trends, Expo, Bun...
Sebastien Lorber
Sebastien Lorber

Posted on • Updated on

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

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

Top comments (0)

🌱 DEV runs on 100% open source code known as Forem.

Β 
Contribute to the codebase or learn how to host your own.