Top Banner
REACTJS WORST PRACTICES React Next 2016
59

React Next Conference slides: ReactJS Worst practices

Jan 14, 2017

Download

Software

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: React Next Conference slides: ReactJS Worst practices

REACTJS WORST PRACTICES

React Next 2016

Page 2: React Next Conference slides: ReactJS Worst practices

Hello world!

My name is Katya!

Page 3: React Next Conference slides: ReactJS Worst practices

Hello world!

My name is Katya!

Page 4: React Next Conference slides: ReactJS Worst practices

Hello world!

My name is Katya!

Page 5: React Next Conference slides: ReactJS Worst practices
Page 6: React Next Conference slides: ReactJS Worst practices
Page 7: React Next Conference slides: ReactJS Worst practices
Page 8: React Next Conference slides: ReactJS Worst practices
Page 9: React Next Conference slides: ReactJS Worst practices

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

Page 10: React Next Conference slides: ReactJS Worst practices

PERFECTIONISM

Page 11: React Next Conference slides: ReactJS Worst practices
Page 12: React Next Conference slides: ReactJS Worst practices
Page 13: React Next Conference slides: ReactJS Worst practices

Black White

Page 14: React Next Conference slides: ReactJS Worst practices
Page 15: React Next Conference slides: ReactJS Worst practices

DONE IS BETTER THAN PERFECT

Page 16: React Next Conference slides: ReactJS Worst practices

GOOD-ENOUGH SOFTWARE

Page 17: React Next Conference slides: ReactJS Worst practices

TECHNOLOGY CHASING

Page 18: React Next Conference slides: ReactJS Worst practices

JSS

AND MUCH MORE…

Page 19: React Next Conference slides: ReactJS Worst practices
Page 20: React Next Conference slides: ReactJS Worst practices

USE NEW TECHNOLOGY IF IT SOLVES A PROBLEM

Page 21: React Next Conference slides: ReactJS Worst practices

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

Page 22: React Next Conference slides: ReactJS Worst practices

USERS DON’T CARE WHAT YOUR CODE LOOKS LIKE

Page 23: React Next Conference slides: ReactJS Worst practices

CONFUSE OPINIONS WITH FACTS

Page 24: React Next Conference slides: ReactJS Worst practices
Page 25: React Next Conference slides: ReactJS Worst practices

DON’T TAKE ON TRUST, MEASURE

Page 26: React Next Conference slides: ReactJS Worst practices

- Mark Zuckerberg

“Code wins arguments”

Page 27: React Next Conference slides: ReactJS Worst practices

TEMPORARY SOLUTIONS

Page 28: React Next Conference slides: ReactJS Worst practices
Page 29: React Next Conference slides: ReactJS Worst practices

FIX “BROKEN WINDOWS” AS SOON AS THEY ARE DISCOVERED

Page 30: React Next Conference slides: ReactJS Worst practices

“IT’S IMPOSSIBLE”

Page 31: React Next Conference slides: ReactJS Worst practices
Page 32: React Next Conference slides: ReactJS Worst practices

IN THE SOFTWARE VERY FEW THINGS ARE TRULY IMPOSSIBLE

Page 33: React Next Conference slides: ReactJS Worst practices

“THE DOG ATE MY SOURCE CODE”

Page 34: React Next Conference slides: ReactJS Worst practices
Page 35: React Next Conference slides: ReactJS Worst practices

DON’T PROVIDE EXCUSES, INSTEAD PROVIDE OPTIONS

Page 36: React Next Conference slides: ReactJS Worst practices

IT’S OKAY IF YOUR CODE HAS BUGS

Page 37: React Next Conference slides: ReactJS Worst practices

GOD OBJECTS

Page 38: React Next Conference slides: ReactJS Worst practices
Page 39: React Next Conference slides: ReactJS Worst practices
Page 40: React Next Conference slides: ReactJS Worst practices

FAT COMPONENTS

Page 41: React Next Conference slides: ReactJS Worst practices

FAVOR COMPOSABILITY OVER MONOLITHIC DESIGN

Page 42: React Next Conference slides: ReactJS Worst practices

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

Page 43: React Next Conference slides: ReactJS Worst practices

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

Page 44: React Next Conference slides: ReactJS Worst practices

DON’T BE AFRAID TO CREATE MANY COMPONENTS

Page 45: React Next Conference slides: ReactJS Worst practices

DON’T WRITE GENERIC CODE

Page 46: React Next Conference slides: ReactJS Worst practices

KISS KEEP IT SIMPLE STUPID

Page 47: React Next Conference slides: ReactJS Worst practices
Page 48: React Next Conference slides: ReactJS Worst practices

DUPLICATION

Page 49: React Next Conference slides: ReactJS Worst practices

DRY DON’T REPEAT YOURSELF

Page 50: React Next Conference slides: ReactJS Worst practices

“Complex is easy. Simple is hard.”

Page 51: React Next Conference slides: ReactJS Worst practices

AFRAID TO ASK

Page 52: React Next Conference slides: ReactJS Worst practices

#JUNIORDEVFORLIFE

Page 53: React Next Conference slides: ReactJS Worst practices

DON’T BE AFRAID TO ASK

Page 54: React Next Conference slides: ReactJS Worst practices

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

Page 55: React Next Conference slides: ReactJS Worst practices

DOGMATISM

Page 56: React Next Conference slides: ReactJS Worst practices

BE OPENED TO NEW APPROACHES

Page 57: React Next Conference slides: ReactJS Worst practices

STOP SHAMING OTHERS BECAUSE OF THE TECH THEY USE

Page 58: React Next Conference slides: ReactJS Worst practices

@krambertech

Page 59: React Next Conference slides: ReactJS Worst practices

Thank you!