MIMO - React.js Content Contractor & Consultant

Creating lesson plans and content for MIMO’s “React Basics” module.

    • Date(s): May 2021 - July 2022
    • Skills: Web, Education, HTML/CSS/JavaScript, React.js, Online Teaching
    • Links: MIMO Website

I was responsible for the planning, writing, and building of MIMO’s online courses lessons around the React.js JavaScript library. These lessons, aimed towards newcomers to React.js, introduced the library’s key concepts and how to navigate its component-based infrastructure. The implementation of lesson content involved writing both the student code, unit tests that evaluated the students’ efforts in each lesson, and challenges that tested students’ comprehension. Afterwards, time was spent bug-fixing and polishing the lessons.

These lessons are integrated into MIMO’s “React Basics”, “React Intermediate”, and “React Advanced” modules, split across fourteen “Skills” that each represent major aspects of React.js such as State Handling, Functional Components, and Hooks. Content for each Skill consists of lessons; each lesson consists of a description and executable code that students had to complete in order to move to the next lesson. As the lesson planner, I was allowed to decide not just what the content was but also how they would build off of one another sequentially across the fourteen Skills.

Since the three modules were meant for newcomers to React.js, I had to consider how to convey the lesson content in a manner that was easy to understand. The planning phase of the development process took the largest amount of time, whereas the implementation of lesson content into MIMO’s infrastructure took less time as a result of careful planning and adherence to MIMO’s content guidelines. Bug-fixing took the majority of my time afterwards.

Responsibilities

  • Formulate lesson plans, split across fourteen Skills, to help newcomers to React.js get acquainted with the library’s core concepts.
  • Collaborate with MIMO supervisors to ensure that each lesson adhered to MIMO’s content guidelines.
  • Implement lesson content into MIMO’s infrastructure using their proprietary Course Builder tool.
  • Plan, develop, and integrate Projects that encapsulated the learning content from the fourteen Skills and gave examples of how to use React.js to create web applications.

Presented here is a public, sample version of the code projects used inside of the “React Basics” Projects. Students are required to modify each using the concepts taught in the module’s Skills.