Building Reusable JavaScript Web Components

Wednesday 29 March 2017

  • 09:00-17:00
  • The King's Centre, Oxford

Web development has changed dramatically over the last few years. Today, more than ever, when you are building your front-end you will probably want to reuse components across your application. But HTML elements are very limited, so what can we do?

In this one day workshop, we will deep dive into ways you can componentize your front-end. We will start by defining web components driven development. Then, we will delve into HTML5 Web Components standards and the opportunities that they present. In the second half of the day, we will learn how to build web components using the popular React library.

Topics:

  • Web components driven development
    • What are components?
    • Components architecture
    • Application data flow options
  • HTML5 Web Components standards
    • Templates
    • Imports
    • Shadow DOM
    • Custom elements
    • Polymer library
  • Introduction to React
    • React library in action
    • What is JSX?
    • Working with JSX
  • Building React components
    • Working with Props and State
    • Component lifecycle
    • Components composition

Bring your laptop as we are going to have exercises during the day.

Prerequisites:

Professional level programming in JavaScript.

Gil Fink

Gil Fink

sparXys CEO
Book now
£320 + VAT

About Gil Fink

Gil Fink is a web development expert, Microsoft MVP and sparXys CEO. He is currently consulting for various enterprises and companies, where he helps to develop web based solutions. He conducts lectures and workshops for individuals and companies who want to specialize in web development. He is also co-author of several Microsoft Official Courses (MOCs) and training kits, co-author of "Pro Single Page Application Development" book (Apress), co-organizer of GDG Rishon Meetup and AngularUP conference.

Become a sponsor

Our wonderful sponsors help make Render possible! If you’d like to get involved in supporting the conference, please request a sponsor pack.

Hired

Premier Sponsor

Microsoft Edge

Coffee & Lounge Sponsor

Flock

Silver Sponsor

InMyBag

Silver Sponsor

Nexmo

Silver Sponsor

Twilio

Silver Sponsor

Attend2IT

Internet Sponsor

Code Club

Bronze Sponsor

Prospect

Bronze Sponsor

Sticker Mule

Bronze Sponsor

White October

Supporting Sponsor