Tag Archives: javascript

Learning React

I come from a Perl and PHP backend background. I have moderate JavaScript experience. These are the guides that have helped me get up to speed with React. I’ve included links that explain the reasoning behind React’s way of doing things (e.g. the Virtual DOM) and how to use React itself. I’ve also given a brief rundown on the complementary tools and libraries that I’ve found essential.

The learning curve is steep, but stick with it!

My business requirement for React: Re-building mobile version of audiomack with persistent audio player that continues to play songs between page requests.

Essentials

Tooling overview

  • Node.js – Allows you to run JavaScript server-side
  • React framework
  • NPM – JavaScript Libraries — your project will likely need a load of these. Manage via package.json file
  • Babel – Code transformer — allows you to write the latest JavaScript (ES6 and beyond) and also JSX. Babel transforms it to JS that all modern browsers understand.
  • Webpack – Bundle your raw application code into a package that the browser can execute — it runs Babel, minifies etc.
  • Redux – Manage application state in single place — UI and data changes stored in state tree Getting started with Redux (by Dan Abramov)
  • Sublime’s JavaScript highlighting has some issues with JSX, so install this package — React Syntax highlighting for Sublime Text

Comments and Tips

  • You probably want to render server-side for first call (efficiency & SEO reasons) Server-side rendering
  • Getting a working Vagrant VM with source code is hard (NPM installs in shared folders seem problematic)

Glen Scott

I’m a freelance software developer with 18 years’ professional experience in web development. I specialise in creating tailor-made, web-based systems that can help your business run like clockwork. I am the Managing Director of Yellow Square Development.

More Posts

Follow Me:
TwitterFacebookLinkedIn

JavaScript engine war hots up

Coming soon after the announcement of Google’s new Chrome browser and its V8 JavaScript engine, the WebKit project has now released details of SquirrelFish Extreme. An update to the never officially released SquirrelFish engine, the benchmarks against Safari 3.1 certainly look impressive. Other benchmarks also show it outperforming both V8 and Firefox 3.1’s TraceMonkey engine.

SquirrelFish Extreme uses four different technologies to deliver much better performance than the original SquirrelFish: bytecode optimizations, polymorphic inline caching, a lightweight “context threaded” JIT compiler, and a new regular expression engine that uses our JIT infrastructure.

Surfin’ Safari – Blog Archive » Introducing SquirrelFish Extreme

Glen Scott

I’m a freelance software developer with 18 years’ professional experience in web development. I specialise in creating tailor-made, web-based systems that can help your business run like clockwork. I am the Managing Director of Yellow Square Development.

More Posts

Follow Me:
TwitterFacebookLinkedIn

Google bringing new browser to the party

Google have announced news of Chrome, a new open source Webkit-based browser. The central premise is that it has been designed from the ground-up to work efficiently with the demanding web applications of today’s web. In particular, it features a JavaScript engine called V8 which can utilise multiple processes, as opposed to the single-process engines that power Firefox and Safari.

As Google are emphasising performance, it will be interesting to compare their efforts with Safari’s new SquirrelFish JavaScript engine.

Google Chrome, Google’s Browser Project

Glen Scott

I’m a freelance software developer with 18 years’ professional experience in web development. I specialise in creating tailor-made, web-based systems that can help your business run like clockwork. I am the Managing Director of Yellow Square Development.

More Posts

Follow Me:
TwitterFacebookLinkedIn