omarnyte/React-Worskshop

Code for React workshop on lifecycle components

React Workshop

Workshop

Your task is to use one or more third party APIs to visualize data any way you'd like. You should also aim to use as many of the following React lifecycle hooks:

• constructor()
• render()
• componentDidMount()
• componentDidUpdate()
• componentWillUnmount()

API Resources

Feel free to use any API that you'd like. Below are some APIs that don't require an arduous authentication process.

If you push your work up to GitHub, make sure you don't push any API secrets!

APIs That Require No Authentication

• Advice Slip
• Chuck Norris Jokes
• Fun Translations
• jService
• PokeApi
• REST Countries
• The Star Wars Api

APIs That Require Only an API Key

• BreweryDb
• GeoNames
• Marvel
• Musixmatch
• OpenWeatherMap
• Riot Games
• Nutritionix

List of APIs

• Medium Post - 18 Fun APIs For Your Next Project
• Programmable Web
• Reddit Thread: "What are some fun API's to play with?"
• Reddit Thread: "What are your favorite open APIs?"

React Resources

• React.Component
• React Lifecycle Methods Diagram
• State and Lifecycle