Information on individual educational components (ECTS-Course descriptions) per semester

  
Degree programme:Bachelor Computer Science - Software and Information Engineering
Type of degree:FH Bachelor´s Degree Programme
 Full-time
 Winter Semester 2025
  

Course unit titleReact Web Applications
Course unit code024717050605
Language of instructionEnglish
Type of course unit (compulsory, optional)Elective
Semester when the course unit is deliveredWinter Semester 2025
Teaching hours per week3
Year of study2025
Level of course unit (e.g. first, second or third cycle)First Cycle (Bachelor)
Number of ECTS credits allocated5
Name of lecturer(s)


Prerequisites and co-requisites
  • Object oriented programming
  • HTML/CSS is an advantage
  • Computer network fundamentals
Course content
  • Introduction
    • Javascript Basics
    • NodeJS / NPM
    • Tooling
      • ESLint
      • Flow / TypeScript
      • Babel
      • Webpack
  • React
    • Concepts
    • JSX
      • Conditional Rendering
      • Render lists
    • Components
      • Props
      • State
    • Events
    • Forms
      • Controlled vs Uncontrolled Forms
    • React Dev Tools
  • State Management
    • Redux
      • Store, Actions and Reducers
    • MobX
      • Stores
      • Observables
      • Computed values
      • Boxed values
      • Observer
      • Autoruns & Reactions
      • Debugging with trace
  • Testing
    • Jest
      • Main functions and assertions
      • Mocking
        • Simple functions
        • mock other modules
    • Nightwatch
      • End to end testing with browsers
  • D3.js
    • Selectors
    • Set properties and styles via functions
    • Enter & Exit Selections
    • Transitions
Learning outcomes
  • Students know about modern JavaScript
  • Students know about the advantages of using a library like React
  • Students know about problems handling state and some possible solutions
  • Students know about separation of concerns instead of separation of technologies
  • Students know about some QA tooling
  • Students know about different testing approaches and how to test a React application
  • Students know how to create visualizations using D3.js
Planned learning activities and teaching methods

Lecture and lab work.

Assessment methods and criteria

Assessment of lab work.

Comment

Non applicable

Recommended or required reading
  • https://developer.mozilla.org
  • https://reactjs.org/docs
  • https://redux.js.org
  • https://mobx.js.org
  • https://jestjs.io/
  • https://nightwatchjs.org/
  • https://d3js.org
Mode of delivery (face-to-face, distance learning)

Classroom teaching

Winter Semester 2025go Top