Tag: local weather app

Read More
Build a weather app with React, Babel and Webpack

Weather App | The React Way

January 16th, 2018 Update

As certain sections of this guide are now obsolete, here’s an updated solution proposed by avid reader Goungaf Saâd.

You can take a look at this version in this GitHub repo. Note that he is using create-react-app on this project, so the overall set-up might be slightly different.

Goungaf is a passionate individual in love with JavaScript and cutting edge technology. He works as a freelance web and mobile developer specializing in the MEAN/MERN stacks and Ionic/React Native mobile development.

This time around, we are going to build our lovely local weather app using React, Webpack and Babel. These 3 tools in conjunction give as enormous power and awesome syntactic sugar for our code.

We’ll make use of ECMAScript 6 classes, promises and arrow functions among others, but first, we need to get a proper environment set up. Navigate to your project folder and run the following command:

npm init

Note: If you don’t have Node and NPM installed, take a quick look at this post, that will get you going.

You’ll be asked for a few things, such as app name, author, description etc. Feel free to take your time and fill them in properly, or anxiously press enter to skip everything. Once done, you’ll have a package.json file in your project directory.