Let's create Phineas using CSS in few simple steps😄

THREAD🧵

React Hooks are the functions which "hook into" React state and lifecycle features from function components. Hooks allows you to manipulate state and other React feature without writing a class. Let's talk about widely used hook

useEffect hook at a glance 🧵👇🏻

useEffect hook is the heart of React functional components

If you're familiar with class components then you might know that we have various lifecycle methods but in functional components, we don't have any lifecycle methods. Instead we have a powerful hook called useEffect

By using useEffect, you tell React that your component needs to do something after render. React will remember the function you passed (we'll refer to it as our “effect”), and call it later after performing the DOM updates

So let's start by understanding the syntax first

3/15

useEffect take two parameters, first is a function and second is an array.

The function inside the useEffect will run every single time component re-render. Consider this piece of code and check the output in next tweet

{ 4 / 15 }

As you can see in the output the function is executed every single time my component re-render

{ 5 / 15 }

It's incredibly hard to become a customer of @Telstra so you can give them money. They absolutely despise money, and do everything in their power to erect as many obstacles as possible in the way of a normal person establishing a billing relationship with them.

First: "I'd like to buy a 4G WiFi hotspot please."
"Umm, we don't have any. Maybe try K-Mart."

Are you serious? You can't sell me a mobile broadband service, and you'd prefer me to go to a department store. Okay...

So I go to the department store, and they have the same Telstra product $20 cheaper than Telstra does.

Go to activate it. Error message, SIM serial number has already been activated. Well goddamn.

So, back to the @Telstra shop. "Yes, I know I can return the whole thing, but all I want is a $2 SIM to get started. Can you just sell me one of those?"

No. They don't have any. Zero SIMs in the store.

ARE YOU KIDDING ME? WHAT OTHER PURPOSE DOES A TELSTRA SHOP HAVE?

Their first suggestion was to buy one from @AusPost, but they take 24 hours to activate their prepaid SIMs. Maybe try Woolies?

How should one approach System Design questions during an interview?

Here's the step by step guide:

🧵👇🏻

System design interviews are generally open ended discussions. There's no one right answer.

The main focus in this round is to see your thought process and whether you'll be able to design a minimal system keeping future scale in mind and by following the standard principles.

Know that many interviewers deliberately make it hard to see how you approach a given problem.

You cannot possibly design a complex system in 1-2 hours which engineers usually take months to years to design, develop and build.

So this is how you should approach this round:

1. Clarify the requirements: As mentioned earlier the questions are generally very open ended. So you need to ask a lot of question to set the scope clear for the discussion.

Example: "Design an application like Twitter"

Twitter has a lot of features like:
- Post tweet
- Home timeline
- Profile timeline
- Analytics
- Likes
- Retweets
- Following
- Bookmark
- Trending etc

You get the idea!

now that's a title screen

foolish people like to quote that "science says there are only two genders". This is incorrect.

Science instead says that in addition to the regular genders, there are 25 Science Genders, shown here. (tag yourself I'm Skull)

I have no idea how to continue with this game.
I clicked a bunch of things and the game just pauses for a second, except when I clicked electron it animated and then was replaced by... something

Quarky & Quaysoo's Turbo Science!

Turbo Science is like regular Science, but FASTER

oh I see

is this Gizmos and Gadgets but by Sierra?