React + typescript = bliss

wait, i can be happy with react?

With Mark Dewey

Core Instructor @ Suncoast Developers Guild

Welcome!

I'm Mark, nice to meet you!

We are gathered here tonight to talk

REACT and TYPESCRIPT

follow along here: https://sdg.codes/jsx+tsx

what is react?

- React is a JavaScript library that makes writing front-end applications easy. 

- React has a declarative, component-based, stateful philosophy that helps organize code in a clean manner

- Is bundled into a browser-friendly version of JavaScript

what is typescript?

- typed superset of JavaScript that compiles to Pure JavaScript

- brings static type checking to the JavaScript

- Better developer experience 

What happens when we bring the two together?

A DECLARATIVE COMPONENT BASED FRAMEWORK THAT ALLOWS US TO CONTROL NOT ONLY THE FLOW BUT ALSO THE SHAPE OF OUR DATA.  

Establish rules and guidelines around around our data

Create a better experince for our developers to use a modern framework to produce better code. 

time for some code!

...

What did we learn?

The Good!

- Type safety eliminates an entire class of bugs

- Code is more verbose and expressive

- Code can be optimized by the compiler

- features can be easier to add 

- The developer experience feels good

The Bad.

- It can be annoying at times, feels like guide rail

- Code can get noisy 

- Rules can make trying simple ideas harder than it should be

In closing.

I would recommend using TypeScript only where you need it.

Which is everywhere

Thanks for coming!

Any questions?

Stay in touch

mark@suncoast.io

Want to be developer? Apply today @ suncoast.io/apply

Want us to train your team? Let us know!