RRU 073: TypeScript and ReasonML Christoffer Niska




React Round Up show

Summary: <h2 dir="ltr"><strong>Sponsors</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.netlify.com/">Netlify</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://sentry.io/">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan</strong></p> </li> </ul> <h3 dir="ltr"><strong>Panel</strong></h3> <ul> <li dir="ltr"> <p dir="ltr"><strong>Thomas Aylott</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>David Ceddia</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Lucas Reis</strong></p> </li> </ul> <p dir="ltr"><strong>With special guest: Christoffer Niska</strong></p> <h3 dir="ltr"><strong>Episode Summary</strong></h3> <p> </p> <p dir="ltr"><strong>Christoffer Niska has been in web development for over a decade and works with mainly PHP and JavaScript, but knows about 8 different languages, often working in multiple languages simultaneously. The panel discusses the affect learning another language has on how you write the code you’re working on. They talk about TypeScript and Christoffer shares how he got into it. They discuss the prevalence of TypeScript and some of the tools available for it, like Fable.io. TypeScript is a very beneficial language because it can help with refactoring and automation. Christoffer believes that it is better to write libraries in TypeScript. He shares how to release an NPM package with Typescript. They talk about more tools that work with TypeScript.</strong></p> <p dir="ltr"><strong>The panel talks about Reason ML, which is an alternative syntax on top of OCaml.They discuss how the success of ReasonML is evaluated. ReasonML has been found to dramatically reduce bugs and has many features, such as a pattern matching feature. The panel talks about the availability of ReasonML to those who are not on the Facebook team. ReasonML and Typescript can also be compiled into WebAssembly and other languages. They finish by talking about some of the many tools that Reason ML has built in. </strong></p> <p dir="ltr"><strong>Links</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://elm-lang.org/">Elm</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://flow.microsoft.com/">Flow</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.typescriptlang.org/">Typescript</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://fable.io/">Fable.io</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://fsharp.org/">F#</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://rollupjs.org/">Rollup.js</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://nodejs.org/">Node.js</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://nextjs.org/">Next.js</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.apollo.io/">Apollo</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/palmerhq/the-platform">The Platform</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/crisu83/react-restricted">React Restricted</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/palmerhq/tsdx">TSDX</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://clojure.org/about/spec">Clojure spec</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.freecodecamp.org/news/psst-heres-why-reasonreact-is-the-best-way-to-write-react-5088d434d035/">Article on why you should look into ReasonML</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://reasonml.github.io/">ReasonML</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://ocaml.org/">OCaml</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://bucklescript.github.io/">BuckleScript</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://prettier.io/">Prettier</a></strong></p> </li> </ul> <p> </p> <p dir="ltr"><strong>Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en">Twitter</a></strong></p> <h3 dir="ltr"><strong>Picks</strong></h3> <p dir="ltr"><strong>David Ceddia:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://smashtest.io/">Smashtest</a> </strong></p> </li> </ul> <p dir="ltr"><strong>Thomas Aylott:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/bvaughn/react-devtools-experimental">Brian Vaughn’s React Tools rewrite</a></strong></p> </li> </ul> <p dir="ltr"><strong>Lucas Reis:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://complexityexplained.github.io/">Complexity Explained</a></strong></p> </li> </ul> <p dir="ltr"><strong>Christoffer Niska:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="http://reasonmlhub.com/exploring-reasonml">Exploring ReasonML</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/digiaonline/graphql-php">Diagonal Line</a></strong></p> </li> </ul>