🏋🏽‍♂️ Hooks Workout #5: Moving into Production

🏋🏽‍♂️ Hooks Workout #5: Moving into Production

Hey,

All good things must come to an end, they say. Welcome to the final lesson in the hooks workout quick start course. We’ve built a couple of things since the start of the course. This lesson puts the icing on the cake by actually deploying one of the apps online — for the world (or your friends ) to see, if you want :)

So, here you go!


This lesson is a part of the Hooks workout series:

  1. Your First React Hooks Application
  2. Advanced Hooks
  3. Fetching Data with Hooks
  4. Custom Reusable Hooks
  5. Moving into Production  👈🏽 You're here  

Deployment steps

Step 1: Open the app from yesterday. Here’s the link to mine, if you can’t locate yours.

Step 2: Click the deployment icon on the sidebar. I’ve highlighted this in the graphic below.

Step 3: Click the netlify option. Netlify is a service that offers hosting for static websites. They’re pretty reliable as well.

Step 4: You should see a deploy button come up. Click it.

Step 5: Do nothing :) The deployment process should begin as shown below.

Step 6: Once the deployment is done, you’ll find a link to the deployed site. Here’s mine: https://csb-1bnvd.netlify.com/

Click the link to view your deployed app. How easy! Yay! 💃

You may also explore other deployment options available while you're developing locally.

Conclusion

I hope you had as much fun as I did writing this series. Now that you've practiced building stuff with hooks, don't stop here. Keep building stuff.

It may also be time to check out the official documentation . If it feels to difficult to grasp, read my visual and easy-to-read version of the docs.

Cheers 🥂,

Ohans

Say No to Javascript Fatigue

At Devcher, we're changing how you stay up to date with Javascript by building the principal destination for short-form developer mobile video. Try Devcher.

Join Devcher: The Anti Fatigue Community

Comments

Become a Devcher member below to join the conversation. As a member, you will also receive new posts by email (you can unsubscribe at any time).