Typescript or Flow – Product at Home

#Typescript or #Flow: What’s your type?  #ReactJS

  • If you spend your days making 100-line apps or scripting stuff in a console, maybe adding types is not the thing for you.But if you’re working on bigger apps or libraries, spending a couple of hours to set up and learn the basics of TS or Flow will bring you…
  • You end up with a more robust and reliable code base.What really matters for you as a developer is the final outputI see a lot of guides, sometimes really good ones, focussed on the structural and implementation differences between TS and Flow — TS is a language, Flow isn’t etc. — but these aren’t the…
  • Let’s see what warnings TS and Flow are giving me:Typescript error messageFlow error messageTypescript clearly gives us the solution to fix the problem, whereas Flow just flags a type incompatibility.Errors on missing propsFor me this one is the biggest issues with Flow: Instead of having the error in the Title / component like…
  • Better yet, I could avoid this problem altogether in TS by taking advantage of with Atom and VS Code are fine, but from personal experience, Typescript remains faster than Flow, especially on large projects.So it looks like Typescript is clearly the best choice, or is it?Setup:If you have an existing project…
  • You’ll still need your unit and e2e tests to be sure that your app is running as expected.Both Flow and Typescript are awesome ❤ and I’m really happy that both of these solutions exist.

tldr; You’re not a machine. You just can’t catch all bugs and know your (and your team’s) code by heart and it’s not your job. So add static types! Ok, let’s clarify something here. If you spend your…
Continue reading “Typescript or Flow – Product at Home”

Modernizing JS Bundles for React Native with Babili (Late 2016) – The Exponent Log – ReactJS News

#project Modernizing JS Bundles for React Native with Babili (Late 2016) – The Exponent Log

  • Since Babili is a Babel plugin, we can parse your code just once with Babel, which will transpile and minify it in one step.
  • You can partially address this with source maps , which are files that reversibly explain how the source code changed into the transpiled code.
  • Sometimes the transpiled code doesn’t line up that well with the source code and the debugger behaves unintuitively.
  • You can tell Babel which features of modern JavaScript you want and also whether Babel should transpile your code or leave it as-is.
  • When debugging your program and looking at your code, the debugger uses your source maps to show you your source code, or something resembling it, rather than the transpiled code.

Learn how the JavaScript you write for an app that uses React Native is converted into code that runs on your phone, and how we can make… @JI: With Babel’s new minifier, Babili, we could improve debugging, JS packaging, and performance in React Native:

Continue reading “Modernizing JS Bundles for React Native with Babili (Late 2016) – The Exponent Log – ReactJS News”

Modernizing JS Bundles for React Native with Babili (Late 2016) – The Exponent Log

  • You can tell Babel which features of modern JavaScript you want and also whether Babel should transpile your code or leave it as-is.
  • Sometimes the transpiled code doesn’t line up that well with the source code and the debugger behaves unintuitively.
  • You can partially address this with source maps , which are files that reversibly explain how the source code changed into the transpiled code.
  • When debugging your program and looking at your code, the debugger uses your source maps to show you your source code, or something resembling it, rather than the transpiled code.
  • Since Babili is a Babel plugin, we can parse your code just once with Babel, which will transpile and minify it in one step.

Learn how the JavaScript you write for an app that uses React Native is converted into code that runs on your phone, and how we can make…
Continue reading “Modernizing JS Bundles for React Native with Babili (Late 2016) – The Exponent Log”

Building a React & MobX application with MVVM – Medium

Building a #ReactJS & #MobX app with MVVM:

  • Finally the last step is to wire up ViewModel and View, and proceed to render them.
  • Creating the domain models with MobX
  • Let’s now start by writing first our domain models, which in this example the only domain model is the “Todo” entity.
  • You simply need to update your view to use the MaterialUI components package!
  • As occurs in other languages, you can use multiple ways to wire up the View and the View Model.

Read the full article, click here.


@ReactiveConf: “Building a #ReactJS & #MobX app with MVVM:”


Today, we’ll deep dive into building a full TodoEditor with MobX and React, starting from the basics and ending with some considerations.


Building a React & MobX application with MVVM – Medium

Setting up Flow when you’ve already got Babel in place — Medium

  • Finally we’ll run flow init in our directory, which will create a .
  • Setting up Flow when you’ve already got Babel in place
  • Once you have Babel set up, it’s easy to get going with Flow.
  • The Flow team is committed to making sure that everyone has an excellent experience using Flow.
  • You’ll see an error like this from Flow because it relates somehow to an export of your file.

Read the full article, click here.


@thejameskyle: “New blog post: Setting up @flowtype when you’ve already got @babeljs in place”


Flow is a static type checker for JavaScript. It makes you more productive by providing feedback as you write code. Flow gives you warnings…


Setting up Flow when you’ve already got Babel in place — Medium