Lev's Hacking Notes

Learning React with Mosh

2021-04-12 Tags: learning react javascript

There have been a number of React related things that have come up in my work lately so I figured it was finally time to buckle down and figure out how it actually works.

My biggest frustration with learning anything related to Javascript is how quickly the ecosystem changes and makes tutorials, courses, and books obsolete.

I was looking through some of the recommended resources on learning react from the React website and came across the Mastering React course which I decided to try out.

I am about halfway through the course now and it has been great so far. Mosh does a great job making this topic approachable. I especially like how he walks you through a specific naive implementation and then takes the time to both explain why it is not ideal, along with walking us through how to refactor our code to make it better.

I also really like how he provides tips and tricks in how to be as efficient as possible in working with React and VS Code. I finally figured out how to effectively use multi-line cursors, move code blocks around, use snippets, and the thing that blew my mind the most so far is "zen coding" which takes a lot of pain out of writing complex and repetitive HTML.

The extensions that I've found useful with VSCode are:

  1. Simple React Snippets
  2. Prettier - Code Formatter
  3. Auto Import - ES6, TS, JSX, TSX
  4. Sort Imports

If you're looking an approachable way to dive in and learn React, I would highly recommend this course. I've already purchased the follow-on Redux and NodeJS courses, so I will be a full stack developer before you know it.

This blog is the farthest thing from React. In fact, it has no Javascript at all and I plan to keep it that way indefinitely. However there are a number of side projects that I am working on that would greatly benefit from something like React. My plans after this course are to rewrite the Flashy frontend in React and potentially even dabble with React Native to create mobile applications for Flashy.

Articles from blogs I follow around the net

Working Code Podcast - Episode 033: Software Patents

Ben Nadel and the crew talk about software patents, patent trolls, and writing useful code that has a non-obvious function....

via Ben Nadel's Web Development and User Experience Feed @ BenNadel.com July 28, 2021

My wish-list for the next YAML

YAML is both universally used, and universally reviled. It has a lot of problems, but it also is so useful in solving specific tasks that it’s hard to replace. Some new kids on the block (such as TOML) have successfully taken over a portion of its market sha…

via Drew DeVault's blog July 28, 2021

Changes from the Dark rewrite

IF YOU USE DARK IN PRODUCTION, PLEASE READ THIS POST! We are approaching the end of the Dark backend rewrite (see previous updates: 1, 2, 3), which we are now tracking on GitHub. While there are still many tasks to be done, we're making progress and th…

via Darklang July 22, 2021

Generated by openring