React Codelab with next.js

Rise Presents : React Codelab with next.js

Building a React app always feels like a complicated, unending and incomplete process. And that’s true for beginners and intermediate level developers who work everyday with React. There’s always something missing and the big picture isn’t always clear.

Next.JS brings server-side rendering (SSR) framework to your React app. It is fast , familiar and easy to learn. We will build multiple projects together and even deploy them on the cloud (for free) using the Now service.

You should come if you are a...

1.Beginner who is frustrated with getting beyond ‘Hello World’ in React

2.Intermediate developer who want to go full stack and learn about routing, crud services, creating seo friendly pages and getting server side data rendered into their React app

Agenda:

1.A quick look at the current state of React development and ecosystem (15 mins)
a.What is React?
b.What is a universal JS app?
c.How do Single Page Applications actually behave?

2.Getting your full stack setup using just the command line with NodeJS and Next.JS (10 mins)

3.Creating pages in your React App (30 mins)
a.From components to pages and back again!
b.Creating your first component
c.Creating the home page and about page
d.Linking pages together
e.Basics of single page application routing explained

4.Create dynamic pages (20 mins)
a.Create SEO friendly urls
b.Add an express server to your app
i.Basics of express
ii.How server side routing works with express

5.Getting data flowing through your pages and components (20 mins)
a.Fetch data from an api using async/await
b.Render a list view from dynamic api data
c.Render a detail view from api data

6.Adding interactivity to your application (20 mins)
a.How to handle clicks
b.How to interact with the DOM (when you really need to)

7.Adding CRUD to your app using API services (40 mins)
a.Use JSON server to quickly mock a REST service
b.Create an api service layer to interact with your resources

8.Deploy your app to the cloud (15 mins)

Meet our esteem speaker:
Amit Erandole (https://goo.gl/2BDu5O)
Writer, Designer and Full Stack Developer

Key Takeaways:

You will learn how to:
1.Build a server side rendered Javascript app with SEO friendly urls
2.Understand routing and navigation in Single Page Applications
3.Work with CRUD data through an API
4.Master React fundamentals gradually by working with the best tools in the ecosystem
5.Deploy a node js application to the cloud

This session is followed by networking over coffee .

Hope to see you there .....

RSVP Link : https://goo.gl/aNC2CB

Date and Time : 10th June | 10:00 AM - 2:00 PM