3 posts tagged with "react"

This is my dream frontend test stack, to test my React applications:

• Jest: Jest is a delightful JavaScript Testing Framework with a focus on simplicity. https://jestjs.io
• React Testing Library: To render the app "as real as possible", but in JSDOM https://testing-library.com/docs/react-testing-library/intro
• User event: To interactive with the app (usually rendered by React Testing Library) as a normal user https://testing-library.com/docs/user-event/intro
• msw: To eliminate all the API mocking at the app level. msw mocks your API requests at the network level. You just write the actual code that calls API, msw will act as a real server. We can re-use msw for development and writing tests. https://mswjs.io
• jest-preview: To preview the app when testing with Jest. No more looking at HTML on Terminal, just a beautiful UI in the browser. https://www.jest-preview.com

List of cool newsletter for React/ Front end developers, inspired by Michael Rambeau, author of Best Of JS:

• This Week In React: https://www.getrevue.co/profile/thisweekinreact
• JavaScript Weekly: https://javascriptweekly.com/
• React Status: https://react.statuscode.com/
• Frontend Focus: https://frontendfoc.us/

I recently asked folks at WeBuild what are some good resources on reading React source code. They give me some really good suggestions. I will leave them there:

• The dead simple re-implementation of React: https://github.com/MQuy/qreact
• Quick note on React internal: https://quannt.xyz/quick-note-on-react-internal
• react-fiber-implement: https://github.com/tranbathanhtung/react-fiber-implement
• Build your own React: https://pomb.us/build-your-own-react/
• read-react-source-code: https://github.com/numbbbbb/read-react-source-code
• Contributing To React - Shawn Wang @ ReactNYC: https://www.youtube.com/watch?v=GWCcZ6fnpn4
• Reading Source Code: React: https://alexkondov.com/readint-source-code-react/

Bonus:

• Rust architecture: https://github.com/rust-lang/rust-analyzer/blob/master/docs/dev/architecture.md
• 10 Things I Learned from the jQuery Source: https://www.youtube.com/watch?v=i_qE1iAmjFg