React Next Conference slides: ReactJS Worst practices

1. REACTJS WORST
PRACTICES
React Next 2016

2. Hello world!
My name is Katya!

3. Hello world!
My name is Katya!

4. Hello world!
My name is Katya!

9. 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

10. PERFECTIONISM

13. Black White

15. DONE IS BETTER
THAN PERFECT

16. GOOD-ENOUGH
SOFTWARE

17. TECHNOLOGY
CHASING

18. JSS
AND MUCH MORE…

20. USE NEW
TECHNOLOGY IF IT
SOLVES A PROBLEM

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

22. USERS DON’T CARE
WHAT YOUR CODE
LOOKS LIKE

23. CONFUSE OPINIONS
WITH FACTS

25. DON’T TAKE ON
TRUST, MEASURE

26. - Mark Zuckerberg
“Code wins arguments”

27. TEMPORARY
SOLUTIONS

29. FIX “BROKEN WINDOWS”
AS SOON AS THEY ARE
DISCOVERED

30. “IT’S IMPOSSIBLE”

32. IN THE SOFTWARE VERY
FEW THINGS ARE TRULY
IMPOSSIBLE

33. “THE DOG ATE
MY SOURCE CODE”

35. DON’T PROVIDE
EXCUSES, INSTEAD
PROVIDE OPTIONS

36. IT’S OKAY IF YOUR
CODE HAS BUGS

37. GOD OBJECTS

40. FAT COMPONENTS

41. FAVOR COMPOSABILITY
OVER MONOLITHIC
DESIGN

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

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

44. DON’T BE AFRAID TO
CREATE MANY
COMPONENTS

45. DON’T WRITE
GENERIC CODE

46. KISS
KEEP IT SIMPLE STUPID

48. DUPLICATION

49. DRY
DON’T REPEAT YOURSELF

50. “Complex is easy. Simple is
hard.”

51. AFRAID TO ASK

52. #JUNIORDEVFORLIFE

53. DON’T BE AFRAID
TO ASK

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

55. DOGMATISM

56. BE OPENED TO
NEW APPROACHES

57. STOP SHAMING
OTHERS BECAUSE OF
THE TECH THEY USE

58. @krambertech

59. Thank you!