JSFoo: round the year submissions

JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year



Translating React

Submitted Aug 29, 2018

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.


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.


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.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}