Watch: Using Webpack to Transform JSX

JavaScript processing can be cumbersome and confusing. One of the major objections people have with React is JSX’ need to be pre-processed and packaged up for the browser. Fear not! The Webpack module builder and Babel.js were created for exactly this purpose.

In this screencast we’ll setup a simple Webpack project and send you on your way to making the next big thing!

Loading the player…

jwplayer(“video-5794”).setup({
image: “https://d3rj1gznkm47xj.cloudfront.net/2b8e5d10-c7d4-4f25-9767-70696ec4fa24.png”,
sources: [
{
file: “https://d3rj1gznkm47xj.cloudfront.net/9262cdde512217306cec97b273b561b0.mp4”,
label: “SD”
},
{
file: “https://d3rj1gznkm47xj.cloudfront.net/9329a349ca1b923988e24c571eea2532.mp4”,
label: “HD”
},
],
tracks: [
{
file: “http://djdvv9xnh2mt5.cloudfront.net/0c8b16a7-0805-47a4-b5ee-6a5276c641b0.srt”,
“default”: true
}
],
aspectratio: “16:9”,
width: “100%”,
height: “480px”,
fallback: true,
primary: “flash”,
streaming: false,
analytics: {
enabled: false,
cookies: false
},
captions: {
back: false,
fontsize: 12
},
advertising: {
client: “googima”,
schedule: {
“myAds”: {
“offset”: “pre”,
“tag”: “https://pubads.g.doubleclick.net/gampad/ads?sz=855x483u0026iu=/7448792/Videou0026cust_params=[post_id]%3Dstaging%26channel%3D[channel]u0026impl=su0026gdfp_req=1u0026env=vpu0026output=xml_vast2u0026unviewed_position_start=1u0026url=[url]/u0026description_url=[description_url]u0026correlator=[timestamp]”
}
}
}
});

Continue reading %Watch: Using Webpack to Transform JSX%

Source: Sitepoint

Leave a Reply

Your email address will not be published. Required fields are marked *