You are viewing a single comment's thread from:

RE: Boilerplate For React Applications Using Atlaskit Components And Parcel

in #utopian-io • 8 years ago

Hello Steve, glad that my posts are helping you on your way. Yes, Parcel is fantastic. I lost so many years configuring Webpack and other bundlers :)

Parcel is so liberating. Now​ I have time to program instead of tinkering my configuration.

8 years ago in #utopian-io by
$0.03
  • Past Payouts $0.03
  • - Author $0.03
  • - Curators $0.01
1 vote
Reply 23
Sort:  
  • Trending
    • [-]
     8 years ago (edited)

    Parcel + Babel > Typescript?

    $0.11
    • Past Payouts $0.11
    • - Author $0.08
    • - Curators $0.02
    3 votes
    Reply
    [-]
     8 years ago 

    I saw in one of your posts that you are using Typescript. Why do you prefer it over plain JavaScript?

    [-]
     8 years ago (edited)

    LOL. I asked you first. Ok, I'll go. I like typescript because that's just the order of things. I was working with coffeescript, and typescript came soon after to get my attention. Basically, it's what I know. Things I like about typescript:

    • Tooling
      • tsc for compilation
      • ts_node for runtime execution without compilation
      • sass support
      • webpack integration
    • type declarations. It's easy to add my own types and ts just takes care of the rest. For example, steem wasn't typed and it was easy for me to just add it. That was really nice.

    Things I don't like about it

    • It's freaking voodoo. I don't mean compiling to js. Since it is adding integration for already confusing (webpack) aspects of how that works and getting through hairy situations are not an option (at least not for me). This means that in some exceptional cases, I still fall back to plain old JS because I can't figure it out.
    • effing semicolons!!!! Take the javascript out of javascript why don't you!!!
    $0.13
    • Past Payouts $0.13
    • - Author $0.10
    • - Curators $0.03
    2 votes
    Reply
    [-]
     8 years ago 

    ​LOL, yes that's true, you asked first ;)

    I'm sticking to JavaScript because I like it. I use Babel in all of my projects. Therefore I can use the latest features of the language. And there have been significant additions to the language like the modules syntax and spread operators.

    Furthermore, I do not believe in static types. I prefer developing with dynamic types. There is less noise in my code. When I say I do not believe in static types I mean that I do not believe that static types will bring down your error density. If you want to bring down the error density in your programs, use TDD.

    I have not used semicolons in my JavaScript program in years, and I had not a single issue with it.

    But I agree with you on the tooling. I have seen some great tooling for TypeScript. But there are static analyzers which give you most of the benefits for JavaScript as well.

    So to sum it up: I'm just happy using JavaScript :)

    $0.00
      Reply
      [-]
       8 years ago (edited)

      I really want to give atlaskit a try. I think this is my gateway drug. I'm going to give it a try. Thanks for pushing it on to me.

      benadryl.png

      $0.12
      • Past Payouts $0.12
      • - Author $0.10
      • - Curators $0.03
      2 votes
      Reply
      [-]
       8 years ago 

      :) Let me know what you have built.

      PS: I will update the starter to include Redux for state management.

      $0.00
        Reply
        [-]
         8 years ago (edited)

        Do you know how to solve this? I'm running into this with npm run build

        > [email protected] build /app
> parcel build src/index.html --public-url ./

⏳  Building...

⏳  Building index.html...
⏳  Building index.js...
⏳  Building MainRouter.js...
🚨  /app/src/modules/MainRouter.js:26:23: Unexpected token (26:23)
  24 |   }
  25 | 
> 26 |   appWithPersistentNav = () => (props) => (
     |                        ^
  27 |     <App
  28 |       onNavResize={this.onNavResize}
  29 |       {...props}
        $0.13
        • Past Payouts $0.13
        • - Author $0.10
        • - Curators $0.03
        2 votes
        Reply
        [-]
         8 years ago 

        Well, it smells like a Babel configuration error​. My guess would be a missing configuration for class properties. Check your .babelrc file. It should look like this:

        {
  "presets": ["react-app"],
  "plugins": ["transform-class-properties"]
}

        Ensure that you have the plugin installed:

        npm i --save-dev babel-plugin-transform-class-properties

        Let me know if this fixed it for you. If not I have to look at your code. Good luck mate.

        $0.00
          Reply
          Show 2 more replies
          [-]
           8 years ago 

          Did you find out what the issue has been?

          $0.00
            Reply
            Show 4 more replies
            [-]
             8 years ago 

            I added it as the default dashboard to my the docker image I use for my bots. https://github.com/r351574nc3/docker-steem-bot-template/releases/tag/0.1.0-atlasparcel

            I also started a new steemit-events project to use it. It's an event app for steemit blockchain.

            $0.13
            • Past Payouts $0.13
            • - Author $0.10
            • - Curators $0.03
            2 votes
            Reply
            [-]
             8 years ago 

            Cool, will check it out and see what you have done with it. BTW: I added Redux to the starter.

            Show 6 more replies

            Coin Marketplace

            STEEM 0.09
            TRX 0.30
            JST 0.034
            BTC 115249.08
            ETH 4215.18
            USDT 1.00
            SBD 0.62