Universal JavaScript

Please log in to watch this conference skillscast.

• this enables users without JS enabled to use your application, hence increasing your audience;

• it also solves the common SPA problem of search engine crawlers being unable to fully read the site;

• by building the site this way round, you can build for non-JS clients and then layer JS support on, meaning we can give users with JS an incredibly snappy site without compromising.

Jack will share with you a briefly overview of the reasons why you’re able to do this, and how the trend of ReactJS’s abstractions have lead the way here. By removing data binding and unifying the flow of data, it removes the complexity that is impossible to replicate on the server. You'll also learn about some side benefits of this approach, including much easier testing. ReactJS is used here as the example, but EmberJS is also taking this approach and Jack expects other frameworks too in the future.

You will then explore how to build these applications, using React as the example and using Webpack as the build tool. Jack will demonstrate how to configure Webpack to generate client side bundles for your application whilst running React on the server through NodeJS. You'll discover the development workflow and some additional 3rd party tools that make building these apps as straight forward as they can be.

YOU MAY ALSO LIKE:

• Migrating from Angular to React: A tale from the trenches (SkillsCast recorded in August 2017)
• Pure JavaScript Web Components (in London on 25th - 26th July 2022)
• Leadership Guide for the Reluctant Leader (In‑Person Workshop) (in London on 29th July 2022)
• FullStack eXchange: In-Person Conference (in London on 27th - 28th July 2022)
• FullStack eXchange: Online Conference (Online Conference on 27th - 28th July 2022)
• A Simpler JavaScript Rule Set for Bazel (SkillsCast recorded in June 2022)
• Vue.js and TypeScript: Working Together like Peanut Butter and Jelly (SkillsCast recorded in February 2022)