1. To get setup please refer to part 1 : React + Firestore : Get Setup In Five Steps.

2. Please refer to part 2 for the basics of reading and writing to the database in React + Firestore: CRUD.

3. Please refer to part 3 for how to deploy your application in React + Firestore : Deploying Your Application.

Authentication Setup

• To set up authentication in the firebase console go to the authentication section under DEVELOP in the left-hand pane (1), clicking on the ‘sign-in method’ tab (2), find the provider you want (3) and enabling it (4), before saving your settings (5).

We’re going to use Google to sign in because you already have a google account and you’ve connected it by being logged into the firebase console.

Other 3rd party logins require setting up an app on the respective social platform and then entering some keys here. This is a bit of a detour so I recommend checking out...

One of the biggest barriers to learning React used to be the overwhelming amount of tooling involved. Beginners were forced to make important decisions about things they don’t understand before they could create anything.

React solved this problem in 2016 by releasing something called Create React App. Now there is an official way to create single-page React applications with zero configuration. If you chose to use create-react-app then you don’t have to make any other decisions.

I believe firebase is create-react-app for the backend. It lets you start building full-stack applications without having to get lost in a wormhole of build tools and server-side boilerplate. Using only Firebase and React you can build and deploy a full-stack project set up in a weekend.

To get setup please refer to React + Firestore : Get Setup In Five Steps.

Read From The Firestone

Lets manually add...

One of the biggest barriers to learning React used to be the overwhelming amount of tooling involved. Beginners were forced to make important decisions about things they don’t understand before they could create anything.

React solved this problem in 2016 by releasing something called Create React App. Now there is an official way to create single-page React applications with zero configuration. If you chose to use create-react-app then you don’t have to make any other decisions.

I believe firebase is create-react-app for the backend. It lets you start building full-stack applications without having to get lost in a wormhole of build tools and server-side boilerplate. Using only Firebase and React you can have a full-stack project setup in minutes.

• Install create-react-app from your terminal npm install -g create-react-app and then use it to set up a React starter project
  ...

In 2015, I read some great advice on the Recurse centre’s user guide:

Choose a text editor that is easy to learn and stick to it. If you’re not sure which one to choose, Sublime Text is powerful, intuitive, and available on Mac, Windows and Linux.

I picked Atom.

At the time, every single online tutorial I could find used Sublime so I switched for a while, thinking I made a mistake.

Atom had this cool new integration with Github that would highlight lines of code in different colours depending on whether or not you had committed changes yet.

I was sold.

But then Atom could be slow at times so I thought about switching back to Sublime.

Eventually I was spending more time trying pick the perfect set of tools than I was coding. It wasn’t just the time I spent trying things out, it was also all the time I wasted wondering if I made the right decision or not.

Avoid the mistake...

This November I’m learning how to surf.

Today was day one.

If I’ve learned anything today, it’s that surfing is fantastic for people who spends all day hunched over a computer screen.

It’s not the surfing; it’s all the paddling out to get to the waves. You lie down on your board, lift your chest up and work all those unused muscles behind your shoulders.

The session this morning was exciting. I didn’t know what to expect. I’ve never been on a surfboard before. The surf school taught us how to ‘pop-up’ onto the board.

Then I went back in the afternoon. Practiced everything I learned.

Then I went back again in the evening.

I had one long beautiful ride all the way into the beach, and I did it standing up. It was incredible.

I thought it was going to take me weeks to be able to catch a wave.

I’m super impressed with day one.

I will be spending 20 hours surfing this month...

Total Days 365

Total Earned $6,675

I try and focus on one thing each year. First it was meditation, then it was swing dancing, one year I read a book a week, last year I tried to start a business a month.

One year ago today, I decided to learn how to code.

I set myself the challenge to make $10,000 dollars learning how to code in 365 days or less. I made $6,675 building websites and developing software this year.

I realise this is not very much money to make in one year.

On the other hand, I didn’t know what HTML was when I started and coding boot camps cost upward of $10,000 for the same experience.

In total, I spent 596 hours learning how to build web applications.

The learning came in bursts, it was not evenly spread through the year.

The huge spike in the summer came from being accepted into a coding boot camp in London called Founders and Coders.

All of this was...

HTTP is how computers talk to each other. It stands for Hyper Text Transfer Protocol, and is an agreed upon method that defines how computers transfer information between one another. Whenever you use a browser (like chrome or firefox) to view a website you are using the HTTP protocol.

This post will show you how to make the contents of one file (a simple.txt file) display inside a completely different file without having to reload the page.

1. First create a file named “name.txt”

Fill it with Lorem Ipsum and save it in a folder.

2. Set up an HTML file.

The easiest way to do this is to go to example.com and copy the source code. In the body, remove the contents of the paragraph tag and give it an id of ‘response’. Then save the file in the same folder as the name.txt file

<p id="response"></p>

3. Create a new HTTP object

Create a <script></script> tag at the bottom of the html...

Making good coffee in the morning has become a ritual.

Buying good beans and grinding them fresh makes a world of difference.

If I am using a pour over I pour the water very slowly about half way between the centre and the edge of the filter paper. This way the water dissolves as much flavour as it can before seeping through. When I do it just right I get a beautiful dome-shaped pile of sediment when I’m done.

A good dome always bodes well for the day.

Lately, I have started using an AeroPress.

The AeroPress was created by a man named Alan Adler. A mechanical engineer from Stanford. After it was released in 2006, the speciality coffee community adopted the AeroPress as their own.

Letting the water cool for about 5 minutes after it boils makes for a fine cup of coffee. The most bitter compounds only seem to dissolve above 85 degrees celsius.

If you want to step up your coffee...

Qunit is a javascript framework that you can use to test software as you build it. Learning how to use qunit so that you can test software as you build it will save you time in the long run. Testing will ensure that you only write the least amount of code needed to get your software to do what it needs to do. It will also save you having to constantly backtrack and fix things once your software starts growing in complexity.

Step 1: Set Up the Boilerplate

To get set up go to qunitjs.com and copy the 14 lines of boilerplate code on the homepage into a new file.

Important

Make sure to add ‘http:’ to the begining of the urls on line 6 and 11 otherwise it won’t work.

Step 2: Set up the sample test

Create a new file called test.js (if you call it something different you have to change the reference to it on line 12 of the boilerplate).

Inside test.js copy and paste the sample test...

There are physical limitations to how much I can learn in one go. My brain just fizzles out and the simplest things stop making sense. The first week at Founders and Coders has been intense.

The cohort was split into groups of four and each team was challenged to design and host a blog from scratch.

We had to learn how to use Github (so that we can all work together), how to host the blog (with harpjs), how to test code with qunitjs (so that everything works), and how to design and flesh out the look and feel of the blog.

• UX
• Front End Development
• Testing
• Hosting a blog with harp

To top it off, we had these mind-boggling 30-minute challenges every morning so that we could start the day feeling like a complete idiot.

To my surprise, there were no classes. There were tutorials for everything and a few presentations (particularly for the testing stuff) but the onus was mostly on...