udilia / learn-react-by-building-a-web-app

Starter files for the "Learn React by building and deploying production ready app" course. https://www.udemy.com/learn-react-by-building-and-deploying-production-ready-app

Learn React by building a web app

Starter files for the Learn React by building and deploying production ready app Course.

Project structure

react-coin is the folder, where we are going to work for this entire course.

stages is the folder, that contains specific stage of application, corresponding to course video. E.g. if you lose track while watching 5th video, stages/05 folder will contain solution for you. It also contains final project.

Getting started

Familiar with Git?

clone this repository and cd into react-coin folder

git clone https://github.com/udilia/learn-react-by-building-a-web-app.git

cd learn-react-by-building-a-web-app/react-coin

Not familiar with Git?

• Download ZIP
• extract the contents of the zip file
• and cd into react-coin folder cd learn-react-by-building-a-web-app-master/react-coin

Install dependencies

npm install

Start development server

npm start

learn-react-by-building-a-web-app's Issues

[Bug] - browser back button doesn't working

Hi,

First of all, I would like to say thank you very much for the awesome training series. I really enjoyed it and I followed the videos from the beginning without skipping any parts of it.

It was really exciting and I learned a lot from it. The app is now live in my Heroku account and I shared it on my Twitter. 🙂

During the development phase, I noticed a bug with the app.

This is how to reproduce it:

1. Visit / route
2. Click on next button in the pagination area
3. In the second page, click a cryptocurrency to get its detail page
4. Hit browser back button

You will notice that we will get into the / route and not the second page.

Do you have any idea how to fix this issue? In other words, how to make the browser back button works as we expect?

Mind sharing some pointers for me to solve this issue?

Thank you!

You should not use <Route> or withRouter() outside a <Router>

Hello! Thanks for making this great tutorial. I'm just about finished with the App, but there seems to be an issue when we wrap the Search component with withRouter. Here is the error:

You should not use <Route> or withRouter() outside a <Router>

./src/index.js
src/index.js:29
  26 |   );
  27 | };
  28 | 
> 29 | ReactDOM.render(<App />, document.getElementById('root'));
  30 | 
  31 | 
  32 | 

This happens when I wrap Search in Search.js:
export default withRouter(Search);

I also receive a similar error when I try to use in the Header component:

  26 |   );
  27 | };
  28 | 
> 29 | ReactDOM.render(<App />, document.getElementById('root'));
  30 | 
  31 | 
  32 | 

You should not use <Link> outside a <Router>

 <Link>
     <img src={Logo} alt="test" width={90} />
 </Link>

Thanks!

Could you share the sourcecode for 'https://api.udilia.com/coins/v1'?

thanks