react next conference slides: reactjs worst practices

59
REACTJS WORST PRACTICES React Next 2016

Upload: kateryna-porshnieva

Post on 14-Jan-2017

138 views

Category:

Software


5 download

TRANSCRIPT

REACTJS WORST PRACTICES

React Next 2016

Hello world!

My name is Katya!

Hello world!

My name is Katya!

Hello world!

My name is Katya!

HI!My name is Kateryna Porshnieva

live in Kiev, Ukraine

work as Front-End Developer & UI/UX designer at YouScan

teach React & Redux course in Ukraine

@krambertech

PERFECTIONISM

Black White

DONE IS BETTER THAN PERFECT

GOOD-ENOUGH SOFTWARE

TECHNOLOGY CHASING

JSS

AND MUCH MORE…

USE NEW TECHNOLOGY IF IT SOLVES A PROBLEM

DON’T USE NEW TECHNOLOGY JUST BECAUSE IT’S TRENDY

USERS DON’T CARE WHAT YOUR CODE LOOKS LIKE

CONFUSE OPINIONS WITH FACTS

DON’T TAKE ON TRUST, MEASURE

- Mark Zuckerberg

“Code wins arguments”

TEMPORARY SOLUTIONS

FIX “BROKEN WINDOWS” AS SOON AS THEY ARE DISCOVERED

“IT’S IMPOSSIBLE”

IN THE SOFTWARE VERY FEW THINGS ARE TRULY IMPOSSIBLE

“THE DOG ATE MY SOURCE CODE”

DON’T PROVIDE EXCUSES, INSTEAD PROVIDE OPTIONS

IT’S OKAY IF YOUR CODE HAS BUGS

GOD OBJECTS

FAT COMPONENTS

FAVOR COMPOSABILITY OVER MONOLITHIC DESIGN

<Button iconType=“log-in” onClick={this.handleLogIn}> Log in</Button>

<Button onClick={this.handleLogIn}> <Icon type=“log-in” /> Log in</Button>

DON’T BE AFRAID TO CREATE MANY COMPONENTS

DON’T WRITE GENERIC CODE

KISS KEEP IT SIMPLE STUPID

DUPLICATION

DRY DON’T REPEAT YOURSELF

“Complex is easy. Simple is hard.”

AFRAID TO ASK

#JUNIORDEVFORLIFE

DON’T BE AFRAID TO ASK

DON’T BE AFRAID ADMIT THAT YOU DON’T KNOW

DOGMATISM

BE OPENED TO NEW APPROACHES

STOP SHAMING OTHERS BECAUSE OF THE TECH THEY USE

@krambertech

Thank you!