A re-introduction to webpack

May 2018

21 Mon

22 Tue

23 Wed

24 Thu

25 Fri

26 Sat 08:45 AM – 06:30 PM IST

27 Sun

Make a submission

ISDI ACE, Mumbai

##About ReactFoo Mumbai

ReactFoo Mumbai is an event for JavaScript, front-end adnd mobile engineers. The conference will feature talks on:

Latest features of React
Webpack, GraphQL and Apollo
React Native
Front-end workflows and design systems
CSS and React

Format

ReactFoo Mumbai is a single-day event with full-length and crisp talks, and Birds Of Feather (BOF) sessions on how to grow your career as a front-end engineer, and on state management.

On 27 May, we are hosting a hands-on workshop on GraphQL and Apollo conducted by Kiran Abburi. Workshop tickets have to be purchased separately.

Who should attend

JS engineers from enterprises.
JS engineers from startups.
Architects.
Cross-platform mobile developers.
Front-end engineers.

Why you should attend?

To learn from and network with peers from the industry.
To gain insights from case studies of practical implementation, and evaluate ReactJS and React Native for your work.
To program better with React and React Native.

If you are attending ReactFoo Mumbai, submit a flash talk – of 5 mins – about a project you are working on or a tool you have discovered and that you’d like the community to benefit from.

Dates:

ReactFoo Mumbai conference – 26 May 2018 at ISDI DICE, Lower Parel, Mumbai.
GraphQL and Apollo workshop – on 27 May 2018 at Endurance International, Goregaon, Mumbai

##Contact details:
For more information about speaking, ReactFoo, sponsorships, tickets, or any other information contact support@hasgeek.com or call 7676332020.

Event website: https://reactfoo.in/2018-mumbai/

Hosted by

ReactFoo

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more

All submissions

Previous Next

This submission has been added to the schedule

A re-introduction to webpack

Submitted Mar 28, 2018

Technical level: Beginner

Webpack is the de facto standard in todays world of frontend development. Popular projects like React, Vue, Angular use it all. But how did we get here? How can you not be scared of it and actually start configuring it for your own projects?

I am going to take you through the past of JS bundling, how webpack came into picture. Show you how you can build your own configuration files and make the webpack nightmare go away.

Outline

• How did it all start?

Bundling in JavaScript started with the aim to avoid the 6-connections-per-origin limit and the bottlenecks of HTTP/1.1. Concatenation was the primary way of bundling for a long long time.

• The problems with concatenating

• The need to reuse nodejs packages in browser.

• How browserify came into the picture

• Efforts browserify put into making things work.

• Introduction of Webpack in 2015

• How webpack broke the rules & why

• The backlash webpack gets about its configuration complexity

• Live Demo - handcoding a webpack configuration file