From Context API to Recoil JS

Recoil JS was recently debuted from Facebook Open Source at React Europe and many developers are wanting to know how they can get started using it in their existing React applications. One of the easiest ways to get started is by converting an existing app from Context API to use Recoil JS for basic global state management. This talk will walk through the many Recoil JS Hooks API's that make it easy to make this transition. If you are familiar with React's Context API, using Recoil JS can be a breeze to get started with.

Demo Application Starting Point:
https://github.com/httpJunkie/react-app-base

Slides not yet available

Let's convert a basic React application using Context API for your global state over to Recoil JS!

Let’s Build an App with React

Building a complete application with React can be challenging and this workshop is geared at teaching all the basic concepts and fundamentals including new features like React Hooks, React Router, and using new features like Suspense. We step through how to create a custom build using Webpack and babel then build a frame consisting of menus and use of responsive behavior ad finally create a master-detail page using React Router and the SpaceX API complete with data fetching.

In four hours we will approach building an app in React from a beginner standpoint. Each attendee will have a full instructional repo they can take home and continue learning or go over the details from the workshop in step-by-step detail at their own pace.

GitHub repo for this workshop:
https://github.com/httpJunkie/react-app-from-scratch

Readme for this workshop:
https://github.com/httpJunkie/react-app-from-scratch/blob/master/readme.md

Build a React application from scratch using Webpack, Babel, ES Lint, and React JS.

Couchbase and the RAGE Stack

Many developers toss their SQL skills out the window when moving to a NoSQL database, but we will leverage those skills and quickly build a full-stack JavaScript application using React, Apollo, GraphQL, Express, and Couchbase Server.

GitHub Repo for this talk:
https://github.com/httpJunkie/rage-with-couchbase-final

RAGE Against The REST Machine

The RAGE stack consists of React, Apollo, GraphQL, and Express. Node and React developers love GraphQL, because it helps to solve RESTful architecture issues. GraphQL can reduce server requests while it enables the client to decide what data it needs. We'll explore the pros of using Apollo-GraphQL with React and Express. We'll be reading/writing data to a NoSQL datastore with Couchbase Server to enable easy scaling with your application as you grow!

The target audience includes React, NodeJS and frontend developers that are interested in seeing how GraphQL can easily be set up and how it works seamlessly with frameworks like React and Express. Bonus high-level overview of how to setup a NoSQL datastore to leverage our JSON data and how to query it with SQL you already know.

GitHub link of project source code:
https://github.com/httpJunkie/rage-with-couchbase

Simplifying React State Management

Managing state for UI components in React until now has required a dependency on libraries like Redux. However, simple UI level state management and other amazing developer features are now available with the release of version 16.8.

Understand the basics of using state, side-effects, Context API using React's four basic Hooks (useState, useEffect, useRef and useContext) as well, go deeper as we build a basic application with useReducer.

A look at simplifying local state in React using Hooks and Context API making state management overall more approachable for new to intermediate React developers.

A Modern ODM with Ottoman JS

A basic walkthrough of the Ottoman JS project and why using an ODM for building Node.js applications for a NoSQL database like Couchbase is ideal. We cover the most interesting and useful features and the future roadmap for Ottoman and information about content available for learning and working with Ottoman JS.

Why we would want an ODM when working with a NoSQL database like Couchbase, basics of how to use and a rundown of the Roadmap for Ottoman JS, a Couchbase ODM for Node.js