React.js for the Visual Learner
React.js for the Visual Learner (React.js for the Visual Learner)
React.js for the Visual Learner

Last updated on 2017-06-17

About the Book

Hey there! I'm Mike Mangialardi and I'm a crash test dummy for designer/developer hybrids. I like to take things that I am learning and put together didactic, practical resources.

If you want to know what this book is about, the short answer is that it's a book I put together as I was learning React.js. It applies design principles, visual-friendly examples, and super practical teaching methodologies to help the absolute beginner to React.js learn the absolute basics of React.js. This book is free to read online but you can pay to support me if you like what I'm doing and get a PDF, EPUB, and MOBI copy.

The long answer goes like this...

In December of 2015, I graduated with a degree in Computer Science. Around the same time, I was listening to entrepreneurial podcasts that was ultimately a means by which I gained interest in web development and startup culture.

I set off to get caught up to speed with modern web development so I could land the jobs I wanted. Shortly after, I was flooded with buzz words:

Angular, React, Vue.js, Elm, Elixir, Firebase, Mongo DB, Meteor, Redux, Babel, TypeScript, ES6, Node.js, Electron, Ember, Webpack, Gulp, NPM, GitHub, GitLab, artificial intelligence, Firebase, Python, Three.js, AJAX, Scala, SVG, Bootstrap, Express,, Docker, Anime.js, GreenSock...just to name a few

I had no idea where to start but I gave React.js a shot. Long story short, I quickly became fatigued and wanted to give up as a developer.

Months later, I developed a routine of working with designing vector graphics using Affinity Designer for fun and stress relief. Through lots of practice, I got really good at being a vector graphic artist and it helped boost my confidence.

With a newly discovered confidence, I set off to take another stab at React.js. This time around, I started to see a striking similarity between the concepts of React and design principles. I also took an active learning approach where I would write blog posts to retain knowledge of what I was studying.

This book is a collection of chapters that I wrote as I was learning React.js. By the end of the writing process, I feel very confident in my own skills with React and that this book truly teaches absolute beginners the absolute basics of React.

If you want to avoid fatigue and finally learn React.js then this book is meant for you.


Table of Contents

  • Chapter 1 | What is This All About?
  • Chapter 2 | What is React and Why is it Cool?
  • Chapter 3 | Building Our Houses
  • Chapter 4 | Our First Village
  • Chapter 5 | Additions to Our Houses
  • Chapter 6 | Building Our First Project
  • Chapter 7 | Building Our First User Interface
  • Chapter 8 | Implementing React Router
  • Chapter 9 | Chat Bot Demo Using Firebase
  • Chapter 10 | Reacting to What We’ve Learned

About the Author

Mike Mangialardi
Mike Mangialardi

Mike Mangialardi is a crash test dummy for designer/developer hybrids. Mike seeks to learn new technologies within the design and development sphere and produce books, tutorials, video courses, and email challenges.

Mike created Coding Artist in 2017 to be a central hub for his resources, most notably, the Daily CSS Images Challenge.

The Leanpub 45-day 100% Happiness Guarantee

Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms...

Write and Publish on Leanpub

Authors and publishers use Leanpub to publish amazing in-progress and completed ebooks, just like this one. You can use Leanpub to write, publish and sell your book as well! Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks. Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. It really is that easy.

Learn more about writing on Leanpub