ReactFoo Bangalore annual conference

India's largest React conference

Translating React

Submitted by jennz0r (@mybluewristband) on Wednesday, 29 August 2018

videocam_off

Technical level

Beginner

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +2

Abstract

We often use React and write JSX without thinking about the syntax. But what’s React actually doing under the hood? What’s that JavaScript look like?

Let’s translate React into JavaScript then transpile that and see what we get. Let’s pick apart what React is really doing. We’ll get at the heart of React. We’ll talk about the importance and usefulness of knowing its baselines for beginners and experts alike.

From that, we’ll gain a clearer understanding of where React’s magic originates. So the next time you use React or write JSX, you’ll be secretly translating in your head for deeper insight and edification.

Outline

I basically want to start out and talk briefly about how React came about and what its benefits are. Then I’ll dive into some of the standard syntax and features of React. While doing so, I plan to spend time translating the React back to vanilla JavaScript and discussing what’s actually happening under the hood. Each feature should have some type of revelation that’ll help shed light on the magic that React is providing to us as developers. The key takeaway for attendees is a better understanding of the inner workings of React as a framework.

Requirements

Basic knowledge of React

Speaker bio

Jennifer Wong is a self-taught software engineer. She spends her days making the web a prettier and more user-friendly place. She has written for Net Magazine and had projects covered by Mashable, Engadget, Gizmodo, and more. Jenn is an avid conference speaker and loves eating, coding, and sleeping.

Comments

Login with Twitter or Google to leave a comment