busypeoples/IntroductionToFlow.md Last active Oct 8, 2017

  • Intended for developers interested in getting started with Flow.
  • At the end of this introduction, you should have a solid understanding of Flow and how to apply it when building an application.
  • Covers all the basics needed to get started with Flow.
  • Covers all the basic needed to get started with Flow and ReactJS.

Intended for developers interested in getting started with Flow.
At the end of this introduction, you should have a solid understanding of Flow and how to apply it when building an application.
Continue reading “busypeoples/IntroductionToFlow.md Last active Oct 8, 2017”

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”

A stronger (typed) React Apollo – Apollo GraphQL

A stronger (typed) React Apollo:  #ReactJS #GraphQL

  • Helping developers understand what they can use in their React components was our first priority when we set up flow types for Apollo.Let’s take for example a simple React component wrapped with the graphql HOC from React Apollo.
  • This component will display a hero from Star Wars and their friends with data returned from a GraphQL endpoint:The above code pulls some data from a GraphQL API using a query and includes lifecycle information, such as loading and error information.
  • We tell Flow what the shape of the result will look like from the server when the graphql enhancer wraps a component.
  • If you already are a user of Flow and have your data typed already, with a couple of imports and a single type addition, you can type any component that is wrapped with graphql!Currently Flow does not support the ES7 decorator syntax so you won’t be able to get all of the benefits of stronger type support if you are using decorators.
  • Let’s make a change to our initial component that converts it to use a prop called episode:We can define the props that our exported component will need (InputProps) and attach them to our enhancer using the second type generic of OperationComponent.

Static typing can be low-hanging fruit to improve your app. As data flows throughout the application, it is easy to forget its shape, and even for what it’s used. Although you could have unit tests…
Continue reading “A stronger (typed) React Apollo – Apollo GraphQL”

Getting Started with React Native and Flow – React Native Training – Medium

Getting Started with React Native and Flow 📱👌 #javascript #react #reactnative #flowtype

  • Using the Flow server For a large project, you probably only want Flow to recheck files incrementally when they change.
  • To get started, we first need to make sure we either have flow set up in our project at node_modules/bin/flow (as we have already done above) or installed globally.
  • To stop the server, we can run node_modules/.bin/flow stop to stop the server.
  • In our project, we start the server by running node_modules/.bin/flow , which we’ve saved as an npm script npm run flow .

Flow allows us to easily add static type checking to our JavaScript. Flow will help you prevent bugs and allow for better code documentation among other things. A lot of the React Native…
Continue reading “Getting Started with React Native and Flow – React Native Training – 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

DjangoCon Europe 2016, Budapest

  • Node.js AngularJS React All stacks
  • Terms of service and privacy policy apply.
  • Django Microservices Made Easy
  • Using Django with service workers
  • How to Upgrade to the Newest and Shiniest Django

Read the full article, click here.


@jimitnow: “Django and ReactJS: The good, the bad and the ugly #Django #reactjs #python”


Performance monitoring for developers


DjangoCon Europe 2016, Budapest