← Go home

TABLE OF CONTENTS

  • flow, Part 1
  • flow, Part 1

    March 21, 2019

    Update: PART 2


    FLOW IS A STATIC TYPE CHECKER FOR JAVASCRIPT.

    I like to install flow wherever I go

    Funnily enough (at the time of writing this post) I’m checked out on a branch titled add-flow. When I get started on a project, I usually make a PR to install flow. Here’s the few quick steps I manually go through (and open to suggestions about how to automate this!):

    1. In terminal, in the project root directory:
    2. npm install --save-dev flow-bin
    3. In package.json, inside "scripts": { ...

      • add "flow": "flow"undefined
    4. Run

      • npm run flow init
      • npm run flow

    Then I commit the changes, push my branch, and open the PR!

    Why?

    I’m not exactly sure when I even discovered @flow, but I think it was because of some hot buzzwords like, facebook, open-source, and type-checking. I easily succumb to F.O.M.O. I’m a naturally curious person, so I just decided to check it out.

    Autocomplete & Type-Hinting

    I enjoy atom as my text-editor (maybe I’ll write about atom in another post 🤔), and as far as I’ve noticed, flow enables some nice Autocomplete & Type-Hinting popups when you’re working.

    So let’s say I have a const styles = { ...some properties in here } defined. As I’m typing out styles., I get this nice popup that displays the all the existing properties, and then some methods that can be called as well.

    Autocomplete

    And when I go to hover over some bits of my code, I also get some nice type-annotation previews. (Please correct me if this is the wrong terminology.)

    Type-Hinting

    There’s more…

    But I’m trying to juggle writing in between three phone interviews today, and it’s proving to be quite a struggle, so I’ll leave this post short and sweet.

    TODOs

    • Phone interview with TrilogyEd @ 2:30
    • Write about what happens when you add // @flow at the top of a .js file.
    • Write about my discoveries with type annotation & object destructuring
    • Phone interview with Scoot Networks @ 4:00
    • Phone interview with Sig.ma @ 5:30
    • Go to climbing gym
    Tags: flowfacebooktype-checkingjavascriptcode
    Kevin Wang

    👋 I'm Kevin Wang. Jazz GuitaristBaristaReceptionist Front End Engineer
    This is my ever growing sandbox of sorts⛱.

    Comments

    Create Post

    You must log in to comment.

    Be the first to comment!