react-testing-library VS react-redux-links

React Testing Library

After searching for a workaround, I found this issue thread on the React-testing-library Github page, which gave me a clear solution.

yeeeesss and as an advice use testID in most of matcher cases. also do not rely only on detox matcher try https://github.com/testing-library/react-testing-library

React Testing Library: This library provides simple and complete React DOM testing utilities that encourage good testing practices. It helps you write tests that are more focused on the behavior of your components rather than the implementation details. https://github.com/testing-library/react-testing-library

I've had a number of issues since the upgrate to React 18, notably this one.

For more information see: - The PR implementing 'renderHook' in React Testing Library

Really? It seems like it's already been replaced. Can you link to where it's not quite deprecated yet? https://github.com/testing-library/react-testing-library/releases/tag/v13.1.0

expect(wrapper.find('FetchNextPageButton').props()).toMatchObject({ query: NEWS\_QUERY, path: "viewer.news"}) So I'm wondering what's the best approach to test it by using React testing library instead.

^ jest for running the tests & @types/jest to help with IDE auto-complete when writing tests. @testing-library/react to render components in the testing environment & test them in a way that tries to mimic how users interact with them. @testing-library/jest-dom for additional DOM-related assertions.

There are many ways to test component UIs and some testing frameworks help us achieve that, to mention but a few react-testing-library, where we write tests to check what a component has, for example, if we are testing a form component, we will write tests to check it a button is rendered, if there are input and/or select tags, etc and we usually see the results in our terminals but with React cosmos, we have a visual way to test our components (Visual TDD) which makes testing easier.

React-Redux Links - List of tutorials and resources for React/Redux.

btw, not sure if you're referring to https://www.reactiflux.com/learning specifically, or the Discord as a whole . I did come up with the links in that "Learning" page myself (it's an updated version of the much older https://github.com/markerikson/react-redux-links repo that I had to stop updating in 2018 because it was sucking up time and burning me out), but agreed that this is also now somewhat outdated as well. Which is admittedly the problem with any resource :) tools, practices, and patterns all change, and keeping up to date with them is a full-time job by itself.

Link: https://github.com/markerikson/react-redux-links

16-) Compiled tutorials and resource links on React, Redux, ES6 and more react-redux-links

I strongly recommend reading/watching /u/swyx 's talk and post Getting Closure on React Hooks to see how this actually works under the hood. I've also got some additional links on hooks concepts and implementation here.

For the next several months, I just sorta did issue triage and cleanup. I really didn't feel like I had the right to say anything about how the library worked or to mess with the source code. At the same time, I'd been putting together a "React/Redux Links List" repo, and answering a lot of Redux questions in Reactiflux.

3.React Redux Links

First because, there were always some more resources or links to go through. I kinda felt depressed to find Mark Erikson awesome list or resources. as I felt like I should go through it .

For more details, see this list of articles explaining how React hooks actually work internally.