$100

Workshop for Developers Series: Creating a Static App With React

Event Information

Share this event

Date and Time

Location

Location

Devhub

662 King Street West, Suite 101

Toronto, ON

Canada

View Map

Refund Policy

Refund Policy

Refunds up to 7 days before event

Event description

Description

Creating a Static Application With React Router: A hands-on workshop for developers

React is one of the most popular front-end frameworks on the web, and Redux is a simple but effective way for you to keep track of the data in your application. Both are great skills to have in the workplace.

When you combine them, you get fast, effective and easy-to-maintain web applications that work smoothly and deliver and excellent user experience.

Over the course of this workshop, attendees will code along with Daniel Stern to build the following application: A React address book with a list of contacts, a details page for each contact, and a way to add new contacts.

The workshop will be composed of the following sections:

  • Understanding React Router

  • Setting up a development environment with Webpack and Babel

  • Configuring and Installing React Router

  • Creating React Components and Routes

  • Adding interactivity to the application

  • Configuring dynamic routes with params


Key Attendee Takeaways

Attendees will learn the following key concepts:

  • What React Router is and where it should be used

  • Proper installation and configuration of React router

  • Setting up static React routes

  • Configuring Express to work with React Router

  • Serving web pages with Express

  • Adding styles with Bootstrap

  • Handling application logic in React routers

  • … and much more


Prerequisites

  • Intermediate-advanced knowledge of JS and HTML

  • Some knowledge of CSS

  • Beginner level proficiency with Node.js

    • Node.js must be installed on participants’ workstation

  • Beginner understanding of Git

  • Beginner-level understanding of React


Instructor:

Daniel Stern, often referred to as the Code Whisperer, has been developing web applications for ten years and teaching new developers to take their code to the next level for almost as long.
He is an expert technology instructor whose Udemy and Pluralsight courses on React, Angular, Jest and RxJS are some of the web’s most respected and have helped thousands of students reach their academic and career goals.

When he’s not writing code or teaching you can usually find him playing Xbox for suspiciously long stretches of time.

More on Daniel:
https://www.udemy.com/user/danielstern4/

https://app.pluralsight.com/profile/author/daniel-stern

https://github.com/danielstern

https://www.youtube.com/channel/UC5ohWghqu1C7bYAq_IDBkIw




This workshop is presented by Devhub, Canada's only co-working and community space for software developers and programmers. In this new series of workshops, Devhub is stepping into the educational space with a set of events aimed at expanding the skill sets of developers, both experienced and beginner. Check out our other events here. By attending this event agree to the Devhub Code of Conduct (https://www.devhub.ca/codeofconduct/).

Share with friends

Date and Time

Location

Devhub

662 King Street West, Suite 101

Toronto, ON

Canada

View Map

Refund Policy

Refunds up to 7 days before event

Save This Event

Event Saved