richardbray / no-redux

⚛️ 🎣 Experimenting with using hooks and context instead of Redux

Replacing Redux with hooks and context

This is the final code for a tutorial I wrote here on Medium.

Install

To install this locally make sure you have NodeJS on your machine. Then install the dependencies with:

$ npm i

And run the applicaiton with:

$ npm start

Show some love?

If you've found this project useful and would like to support me there are several ways you could do so.

• Subscribe to my videos on Youtube
• Follow me on Twitter

no-redux's Issues

同学，您这个项目引入了1071个开源组件，存在30个漏洞，辛苦升级一下

检测到 RichardBray/no-redux 一共引入了1071个开源组件，存在30个漏洞

漏洞标题：serialize-javascript 代码问题漏洞
缺陷组件：[email protected]
漏洞编号：CVE-2020-7660
漏洞描述：Verizon serialize-javascript是美国威瑞森电信（Verizon）公司的一款支持将JavaScript序列化为 JSON超集的软件包。
serialize-javascript 3.1.0之前版本中存在代码问题漏洞。远程攻击者可借助index.js文件中的‘deleteFunctions’函数利用该漏洞注入任意代码。
国家漏洞库信息：https://www.cnvd.org.cn/flaw/show/CNVD-2020-53801
影响范围：(∞, 3.1.0)
最小修复版本：3.1.0
缺陷组件引入路径：[email protected]>[email protected]>[email protected]>[email protected]>[email protected]
[email protected]>[email protected]>[email protected]>[email protected]

另外还有30个漏洞，详细报告：https://mofeisec.com/jr?p=i784c9

Good Job

Simple and easy 👍

HomePage is rendering twice

Hello.
Thanks for the really great article. It’s very good understandable.
I have a question.
I can see that HomePage component is rendering twice.
I put console.log(‘rendered’) inside of HomePage and I can see it two times.
Is it possible to avoid that?

How would you handle multiple 'initialStates'

Hi,

I'm sure your example is meant to be simple, I'm just wondering, how would you handle, let's say, 2 different states (one a listing of data, the other more detail view of a specific data entry)

Would I add another reducer in the StoreProvider? Like this:

const [detail_state, dispatch] = React.useReducer(detail_reducer, initialDetailState);

Or is there something I'm missing?

Thanks!