👨‍💻 React from a Bootcamper's Perspective | Part 4 - 📍 A Detour to Discuss Resources 
Tags: react, codenewbie, javascript, saas
Published: 2020-08-14 22:18:30

I've thrown some concepts at you now and, although they are at the beginner-level (nothing is truly "beginner" when using React), we need to discuss some resources that you can use to further your learning, host your applications, download resources, and just be a generally cool person.

We'll get back into React-specific content in my next post. Promise.

![I Promise](https://dev-to-uploads.s3.amazonaws.com/i/1zz3wbv6rcxw9lhr3g19.jpg)

I hope you find this list useful and it helps you the way it helped me. I'll try to regularly update this as I move along.

I won't mention any of the obvious ones (obvious to me at least) like StackOverflow, etc. They are large enough that you'll stumble across them one day.

Here we go.

## 💽 Hosting 💽
So you have a project and you want to host it. Here are some of the free providers I like to use and their purpose:
* [Heroku](https://www.heroku.com/) - Continuous deployment with their own CLI
* [Vercel](https://vercel.com/) - Continuous deployment and Git integrations
* [Netlify](https://www.netlify.com/) - Integrated with many common frameworks and libraries - easy-to-use
* [GitHub Pages](https://pages.github.com/) - Good for static web-pages
* [AWS Lambda](https://aws.amazon.com/lambda/) - Free tier available
* [Firebase](https://firebase.google.com/) - Backend hosting with easy-to-integrate authentication offerings
* [Atlas](https://www.mongodb.com/cloud/atlas) - MongoDB hosting from the creators of MongoDB
* [Back4App](https://www.back4app.com/) - Relational and NoSQL hosting provider

## 📖 Learner Resources 📖
I'll be the next person to share my selection of the millions of resources available. A simple Google search will help find a lot of them but there are some sneaky resources here that will hopefully help you reach that next level.
* [FreeCodeCamp](https://www.freecodecamp.org/) - One of the best resources available. Sign up for the newsletter, complete the courses, and share your achievements.
* [GameDev Academy](https://gamedevacademy.org/) - Hosted by Zenva, a good website for resources on game development in all forms.
* [/r/LearnProgramming](https://www.reddit.com/r/learnprogramming/) - Reddit has a lot of places you can post and dig but this subreddit allows you to get answers to many of the questions you'll have when starting.
* [CodeChef](https://www.codechef.com/) - Learning, challenges, and more.
* [CodeSchool](https://www.pluralsight.com/codeschool) - Now on Pluralsight, this is a free trial only but provides a lot of interactivity in many of the common coding aspects.
* [SoloLearn](https://sololearn.com) - Originally a phone app, SoloLearn offers many language courses, a scoring system so you can challenge others, project sharing, and a development sandbox.
* [Learning GitHub](http://try.github.io/) - Learn git quickly with this plethora of resources.

## 💻 VSCode Extensions 💻
I use VSCode for many of my projects and there are some very useful extensions available. Some of the very popular ones like Live Server & Quokka you will find on your own. These are some of the more "obscure" ones.
* [Git Lens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - See changes made to code in-line and more!
* [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) - Makes it easier to identify the start and end brackets in your code.
* [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) - Highlights TODO & FIXME items in your code.
* [Regex Preview](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex) - Displays the results of your regex.
* [Open in Browser](https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser) - Allows you to open your project in browser with a couple of buttons.


## 🖼️ Templates, Libraries, Tools, etc. 🖼️
Templates for applications that can be used to kickstart a project.
* [Bit.dev](https://bit.dev/) - A cloud library to create, use, and store components rather than hosting them all locally.
* [JSON Lint](https://jsonlint.com/) - Tidies up JSON.
* [Trello](https://trello.com/) - Track your progress and share with others.
* [Color Templates](https://coolors.co/) - Generate color templates. I'm horrible at this but now I look great thanks to this website.
* [React Templates](https://www.codeinwp.com/blog/best-free-bootstrap-templates-for-reactjs/) - A collection of React templates that can be used to find even more templates.

## 🏧 Challenges/Extras 🏧
Some extra resources for coding challenges, updates, and more.
* [Codewars](https://www.codewars.com/collections/99-problems) - Specifically, these 99 problems are great coding challenges. Codewars is useful in general.
* [HackerRank](https://hackerrank.com) - Provides coding challenges, annoying email reminders, and a job board. They offer free certifications and an awesome environment.
* [NetflixTechBlog](https://netflixtechblog.com/) - For advanced developers, this blog highlights some of the new changes at Netflix.
* [Five Difficult Challenges](https://medium.com/coderbyte/the-5-hardest-code-challenges-for-beginners-e410da4474b) - Five tough challenges for beginners.
* [Gatsby.js Twitch](https://www.twitch.tv/gatsbyjs) - Gatsby.js's twitch channel that streams pretty cool stuff.


## 💯 Tips 💯
Free of charge:
* Work on something you're passionate about. Yes, go through the process and create a To-Do app but then try to make a small project you'd like.
* Unless you're a savant, this takes time. There are coding boot camps available and tons of resources that I haven't listed. These resources may not address your needs, but they will help you being to identify them.
* Never stop learning. The development space is one that is always changing. None of the technologies I mentioned were even thoughts 10+ years ago.
* Start now. It's easy to push this off and continue to do so until the thing you wanted to learn isn't even prevalent anymore. The faster you learn this stuff and apply it, the easier it is to learn the next big thing.
* Find a mentor. Everyone always says this. It's really hard to find a mentor when you're stuck at home because of COVID, don't work in the field, don't have money to take a boot camp, etc. If you need help, reach out to me, or someone like me, and we'd be more than happy to help. 😀
* Stay positive. You're going to run into a lot of errors, make tons of mistakes, and find a problem that no one else in the world has had. Keep pushing forward and you'll see it isn't so bad (and someone else has already had that error).

## Bonus
* Here's a list of some honorable/non-free resources:
* [Codecademy](https://codecademy.com)
* [Udemy](https://udemy.com)
* [Coursera](https://coursera.org)
* [Educative.io](https://educative.io)
* [JavaScript 30](https://javascript30.com/)
* [SQL Zoo](https://sqlzoo.net/)
* [Command Line Basics](https://commandlinepoweruser.com/)
* [Grid Garden](https://cssgridgarden.com/)
* I didn't mention these: Hugo, Next, Jekyll, Gatsby, Create React App. You should take the time to explore each of those to learn how to deploy apps quickly.

---
I hope this helps!

Until **next week**, when I get back to React ~💠Aaron💠