Users can also update the data displayed for the currently selected subreddit, by clicking a Refresh button. Users can select the subreddit they want to see headlines for, and they are loaded and displayed on the screen.
The sample app was designed to display the current headlines in a selected subreddit, by fetching the data from the Reddit API. Walkthrough of the application’s functionality By the time you read this, there might be some more changes made to the repo, so running this command ensures that we all have the same starting point for the tutorial. Note: The git checkout command checks out the redux repo to the latest commit at the time of this writing. To clone the application and install its dependencies run: git clone The best way to do this is to clone the app and run it locally. We will use this application to show how you would add tests to a real app, which should help when you are building your own applications.īefore adding the tests, we need to find out what the app does. The Enzyme testing utility installed on your machineįor this project, we will use the Reddit API example app in the Redux docs as our example app.The Jest test runner installed on your machine.A basic familiarity with React and Redux.To follow along with the tutorial, a few things are required: We will then configure continuous integration with CircleCI to automate the testing and ensure that any new code we add does not break the existing functionality. In this tutorial, we will explore how to write tests for an existing React and Redux application. Redux offers a predictable way to structure and update the data in those frontend applications. React pairs nicely with Redux, which enables managing the data that React needs to render interfaces. It provides an intuitive model for building data-driven user interfaces, and efficiently updates the DOM when this data changes. React continues to be the web framework of choice for many UI developers, second only to jQuery, according to Stack Overflow.
0 kommentar(er)
