DEV Community

Cover image for I developed a Pokédex with React, Redux and Material UI
sanderdebr
sanderdebr

Posted on

7 2

I developed a Pokédex with React, Redux and Material UI

Hi all,

For learning purposes I have developed a Pokédex to learn React with Redux using Redux Saga and Redux thunk as middlewares.

I've used the following tools:

See it live here:
https://master.d1or1a1srkom3l.amplifyapp.com/

Github repo:
https://github.com/sanderdebr/pokedex

You need to press 'Fetch Pokemon' to fetch a list of 100 Pokemon. Live search is available to search specific Pokemon.

On the profile page of a Pokemon, you can switch between Pokemons really quickly by using the arrows.

Only if you scroll down, the moves are being fetched. When you click on a move, only then the move information will be fetched too to increase performance.

Please let me know what you think or if something can be improved.

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay