#157 What is JSX?

sponsor

Full Stack Fest 2018: Bring Back the Web

Fancy a week in Barcelona? Would you like to hear about Distributed systems, new browser APIs, Machine Learning, WebXR, PWA or Cryptography? Then Full Stack Fest is for you! Get a 15% discount using the code REACT.

this week's favorite

What is JSX?

I think a critical part of understanding how to use React effectively is understanding JavaScript and JavaScript expressions. So I’m going to show you a few examples of JSX and it’s transpiled version to help give you an idea of how this all works. As soon as you can transpile JSX in your head, you can use the abstraction more powerfully.

CSS: A New Kind Of JavaScript

Those familiar with the web platform will be well-versed in its two complementary technologies: HTML for documents and their structure, and JavaScript for interaction and styling.

Matrix Code Animation in React

I’ve been a fan of Matrix movies ever since the first green symbol fell down on that vintage screen. That’s one of the reasons I wanted to test rendering speed of React and push to see where the limit is. Also, it’s always fun building something you find interesting. Like Lego house, or a pillow fort.

How We Ditched Redux for MobX

We at Skillshare embrace change; not because it looks cool in a company’s vision statement, but because it’s necessary. That is the premise behind the recent decision to migrate the whole platform to React, leveraging all the goodness it entails. The group tasked with introducing these changes is but a small delta of our lovely engineering team. Making the right decisions early it’s crucial for getting the rest of the team onboard as smoothly and quickly as possible.

Emulating React and JSX in Vanilla JS

Few people dislike frameworks, but even if you are one of them, you should take note and adopt the features that make life a little easier.

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.