jackfranklin / javascriptplayground.com Goto Github PK

Hi,

I enjoyed your writing on React & TypeScript. It has helped me iron out some clinks.

One thing I found odd was this:

Note: I have the ./node_modules/.bin directory on my $PATH, which you can find in my dotfiles. This is slightly risky, as I could accidentally run any executable that’s in that directory, but I’m willing to take that risk because I know what’s installed locally and it saves a lot of typing!

A better way would be, and I am sure you know this much better than I do, to use NPM / Yarn scripts, because they automatically load the node_modules/.bin to your path before executing any command, and effectively removes it from the path after it has been executed. Which is what you do later in the same post -- adding a start script which calls webpack-dev-server, but actually delegates to node_modules/.bin/webpack-dev-server.

Also, you'd run tsc --init only once at the beginning of a new project. Doesn't it make sense to have a global installation of TypeScript (yes, global install has its issues)? Since it's a one off thing, I might as well run the full command node_modules/.bin/tsc --init, without adding anything to my PATH.

Kindly update this post with this info. Or I can send a PR if you'd like 😅

I like the idea of ReactJs, very clever loading modules instead of having lots of src tags!
One question though, where does the require.config code go?

I'm speaking in terms of your tutorial on javascriptplayground.com

Hi.Thank you for article moving-to-webpack-2 . I have a question about stopping Babel from compiling ES2015 modules.
Stopping Babel from compiling ES2015 modules means that Babel leaves that constructions (import export) untouched. And Browser doesn't know about es2015 and its modules. Does it make some problem in browser?

Currently just shows the full latest article. Probably can do something much nicer.

All authors who have written for JSP need a gravatar (or a profile img) adding to their posts

• @PhUU
• @javorszky

Hi,
I've been working around with React for the past month and the one thing that bothered me was how React scripts loaded without a reference within the main page of the app itself? For example, if you use Webpack, there would be a link to bundle.js or some other name. I couldn't really find an explanation after looking online and through the manifest files for the project.

Thanks for your article, Setting up Vim for modern JavaScript Development. Which plugin you used to format and auto complete Javascript code?

Hi!
I was reading over your tutorial: https://javascriptplayground.com/react-typescript/
and I was wondering if you could explain how we might use an external javascript library (for example, we are given some URL for some javascript code, and told to just stick it into our HTML:

    <script type="text/javascript" src="https://.........js"></script>

But I seem to be getting errors if I put it in the tags. Is there a better way to do it in this stack?

As the enzyme documentation shows, you can actually pass context in the options both in shallow and in mount.

BTW, cool post! 👍

Rainbow? PrismJS?

hide by default and have an icon, or show by default?

I've been running assetgraph-builder on a bunch of jekyll based sites lately in order to test on more real life code bases than I have previously.

When I built javscriptplayground.com I go a bunch of errors about the apple-touch-icon.png missing.

• Brick http://mozilla.github.io/brick/
• BaconJS
• more Async.js
• Web RTC introduction
• TDD with Backbone and Jasmine
• Marionette JS
• What's new in ES6
• Introduction to HeisenbergJS
• Testing Express 3 apps
• Socket.io
• Introduction to Grunt V0.4.0
• Variable Hoisting
• Build a Chrome extension
• History API
• Yeoman V1
• Browserify
• grunt-devtools
• Handlebars with external templates
• Modular Backbone development
• Router first development with Backbone
• Using Async.js with jQuery Ajax
• Reactjs
• Testing Node with tap

It's very good your code, thank you, I need to do a page with HTTP/2 and your sollution is the best in all websites I visited, well, the thing is, I need to pass parameters such as bytes of a file by input elements in the page and also this must be a POST method.
Do you have an idea of what I am supposed to do?

Get one!

See c57462f#commitcomment-8501201

Hey @jackfranklin, the first 2 links appear to point to Styled Components related resources, not their intended locations, on the 'Moving away from Vim for front-end development' article.

Edit: Also, the 'Edit this page on GitHub' 404s.