🔥 Building a SaaS in a week

showing all the steps here 👇 1/

This is an experiment - it may go horribly, we'll see 😅

Why?
To push myself; show others how to build a SaaS

What?
Live customer chat in Slack (kind of like what Intercom was originally)

Tech stack
Reach on Rails on Heroku; Stripe for payments

If you're using redux today, you should be using redux-toolkit

🔥 Learn redux-toolkit in 10 tweets 👇 1/10

Create a "store" with "configureStore"

A store holds all your data and the actions that change that data

Use a "Provider" component (like context) to give the store to all your components

Confused by DNS Records? A, CNAME, ALIAS...

Me too 😬

Let's change that! (cheatsheet at the end)

🔥 DNS Record crash course for web developers 👇 1/10

To get to example.com, your computer needs to know where on the Internet that server is

That means: it has to know what IP address to talk to

The way it finds out is the Domain Name System (DNS)

🔥 Intro to regex for web developers 👇 1/10

Regular expressions find parts of a string that match a pattern

In JS they're created in between forward slashes //, or with `new RegExp()`

and then used in methods like `match`, `test`, or `replace`

You can define the regex beforehand or directly when calling the method

A thread full of free resources for learning React 👇 1: First: the React docs are really great!

There's even a tutorial as part of the official docs, which walks you through building a tic-tac-toe game:

reactjs.org/tutorial/tutor…

Ok; it's #redux time:

(code link at the end)

🔥 Learn Redux in 10 tweets - with React and hooks! 🎣 👇 1/10

Redux gives you a central place to put your state (data) for JavaScript apps

It's most often used with React (via react-redux)

This lets you access or change your state from ANY component in your tree

🔥 Learn React in 10 tweets (with hooks) 👇 1/10

How React Works:

- you display data on a webpage
- a user interacts with it
- now the data changes...
- ...and you want the webpage to look different

React does that for you! 💯

Have you heard about map, filter, and reduce, but never really understood them? 🤔

Here's a 🔥 map().filter().reduce() 🔥 crash course for you!

(sample code at the end)

THREAD 👇 1/10

`map`, `filter` and `reduce` can all operate independently, or be chained together

They operate on an *array* and *transform* it

Do you use #git but still don't really understand it?

Here's a 🔥 git crash course 🔥 to fix that 🎉

THREAD 👇 1/14

Git gives you a FULLY FEATURED repository on your local computer

This is different than other version control systems

Once you embrace that, you can start demystifying some of the git 'magic'

Want to write javascript like a sane person?

🔥 Here's a mini crash course just for you 🔥

ES6+ can actually be FUN to write!

(code links at the end)

#javascript #webdev #js

THREAD 👇 1/12

var is dead. Don't use var. 😐

(why? lexical scoping)

If the variable will CHANGE, use `let`

If the variable WON'T change, use `const`

Want to learn hooks, but you've been too busy? ⏲

🔥 Here's a mini crash course just for you! 🔥

(code links at the end)

#React #javascript

THREAD 👇 1/9

Add state to function components by calling `useState`

and pass in the initial value