Working with JavaScript Objects

Using a JavaScript Set with the Spread operator and JavaScript Array methods .map() and .sort()

Photo by Noah Näf on Unsplash

The Problem To Be Solved

Use Case


Component-Based Development

Get started using a React framework.

Photo by Arnold Francisca on Unsplash
  • What Next.js is and how it is different from just React.
  • What server-side rendering is.
  • How to Bootstrap a Next.js application.
  • The basics of creating routes.
  • Using React components.

Assumptions

Tools and Setup


React Tips

React form state management without the useState() Hook.

Photo by Kelly Sikkema on Unsplash

What is React Final Form?

Who uses React Final Form?


Source Control

Get a local copy of your favorite JavaScript developer’s public code and run it on your local machine.

Photo by Victor Serban on Unsplash

What We Will Do


NPM Packages

Create an account in the NPM registry, write some code for your package and publish

Photo by Jess Bailey on Unsplash

What We Will Do

  • Create an NPM registry account.
  • Write some code that will become your NPM package.
  • Test this locally.
  • Add module.exports to export what will be made available in your package to those who install it.
  • Publish your package to the NPM registry.
  • Test your NPM package by using npm install.


Database Tips

Create, get(as list and rows), modify, add and remove data from an Array

What We Will Do


Database Tips

Photo by K. Mitch Hodge on Unsplash

Pagination


Database Tips

Photo by Annie Spratt on Unsplash

Pagination


React Tips

In a registration form, using useState hooks for each input versus using a user object and a single useState hook.

Photo by Glenn Carstens-Peters on Unsplash
  • The first way will be to use the useState hook for each input field.
  • The second way will be to use a user object and a single useState hook with the user object.

Both are valid ways but the second may be preferred for larger forms.

Let’s Get Started

gravity well (Rob Tomlin)

Self-Employed Software Developer, Trainer, Consultant. Keeping up to date. I’ve noticed in over 28 years of programming, one’s current skills have a shelf life.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store