React Tooling and Development Workflow in Action

Learn to configure essential tools for React development using Git, Jenkins CI, and modern JavaScript practices to streamline your workflow.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course helps you dive into the React ecosystem and its essential tools. You'll tackle everything from Git to Jenkins CI while learning about module patterns and coding in ES6. It’s a friendly guide to boost your React development skills.

Key Points

  • Learn how to use React ecosystem tooling.
  • Configuration for Git, Jenkins CI, Node Package Manager, WebPack, Babel, and Jest.
  • Understand CommonJS and ES2015 modules.
  • Navigate the app development workflow.
  • Practice coding in ES6/ES2015.

Learning Outcomes

  • Gain confidence in configuring essential tools for React development.
  • Make informed decisions about using module patterns in your projects.
  • Understand the app development workflow from start to finish.
  • Get hands-on practice with ES2015 coding.
  • Master the basics of Redux and its role in React applications.

About This Course

Using Git, Jenkins CI, Node Package Manager, Babel, Webpack and Jest

Javascript Developers: coding React is not hard, but it's not simple either. We will walk through and learn how to use React ecosystem tooling. Tools like Git, Jenkins CI, Node Package Manager, WebPack, Babel, and Jest all need configuration specific to your application. This can be daunting to those new to React development. This series breaks down usage and best practice configuration for you.

Making React development even more complex, is the decision as to which Javascript Module Pattern to use. In this tutorial, we break down two of the most popular options: CommonJS and ES2015 modules. After this you will be armed with enough data to make an informed decision.

Let's get started!

  • Code React.js, leveraging it's ecosystem, GIT, and Jenkins

  • Understand app development workflow

  • Code some ES6/ES2015

Course Curriculum

1 Lectures

1 Lectures

1 Lectures

1 Lectures

1 Lectures

Instructor

Profile photo of John Ruffin
John Ruffin

In almost 2 decades of application development, systems architecture, and IT management: I have designed, coded, tested, and implemented systems in language stacks from cobol db2 cics, java jsf jms spring hibernate, to javascript node react. I've even coded in Assembler. Add Apple WebObjects ObjectiveC, Swift and React Native for iPhone and Apple Watch apps. I've seen a lot and...

Review
4.9 course rating
4K ratings
ui-avatar of Jose Alberto Cuba Medellin
Jose A. C. M.
1.0
1 year ago

No cumplio con mis espectativas ya que solo muestra algunas partes de codigo asi como de los beneficios de utilizar al 100% las herramietas en cuestion (Jenkins, Git,..)

  • Helpful
  • Not helpful
ui-avatar of Isabelleaubron
Isabelleaubron
3.0
9 years ago

This course is interesting, but I wish I had learned much more about webpack.

  • Helpful
  • Not helpful
ui-avatar of Ryan Ore
Ryan O.
1.0
9 years ago

The presenter obviously knows what he's doing, but considering the price I was disappointed. I felt like it should have spent more time explaining the Jenkins/Git integration worked, and more time on a solid webpack configuration. A lot of the time was spent on how es6 works and that's just not what I'm paying for. The course was too short even if it was focused on the topic. I learned nothing and am out the money.

  • Helpful
  • Not helpful
ui-avatar of Sarah Coventry
Sarah C.
5.0
9 years ago

I had no idea how to use all these tools before this course. I had heard of Jenkins CI but had never seen it. Seeing GIT proactively tell Jenkins that a commit happened to Master or Develop branches and go build/run unit tests accordingly was awesome. Seeing the evolution of the app over time using Tags in Git was cool too.

I never understood all the stuff in a package.json file either. Now, I have a clue. Especially how command line params are linked to the scripts and how they know what to do. Good stuff.

Thank you for showing Webpack and Hot Module Reloader. Seeing your app "automatically" reload in the browser after using Git to checkout branches and tags was a high point. Had to rewind a few times just to make sure I saw what I thought I saw!

I wish the course had quizzes! Other than that, for me, it was super rich and packed full of stuff I had only read about in books. Seeing it in action was an eye opener.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses