Skip to content
πŸ¦„ RK's community site
JavaScript CSS
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Feature: Airtable RSVP Nov 9, 2019
content Merge branch 'master' of github.com:react-knowledgeable/rk-community-… Dec 7, 2019
src
static
.env.development
.gitignore Feature: Airtable RSVP Nov 9, 2019
.gitpod.yml
.glitch-assets πŸ’£πŸ° Updated with Glitch Jul 4, 2019
Acknowledgement.md
CHANGELOG.md update changelog Sep 22, 2019
LICENSE.md πŸ’£πŸ° Updated with Glitch Jul 4, 2019
README.md add more notes on airtable structure Dec 5, 2019
gatsby-browser.js Revert "Feature/GitHub auth" Nov 30, 2019
gatsby-config.js
gatsby-node.js Feature: Airtable RSVP Nov 9, 2019
package.json Addresses #101, fix for machines running node 13 Dec 2, 2019
prettier.config.js
script.js πŸ’£πŸ° Updated with Glitch Jul 4, 2019
watch.json Add env files Jul 4, 2019
yarn.lock Addresses #101, fix for machines running node 13 Dec 2, 2019

README.md

React Knowledgeable

React Knowledgeable is a fun and friendly podium to share what we learn about React.

This repo is the community site for <RK />.

πŸ–₯ Developing locally

You will need an Airtable API key to develop locally

  1. Run yarn (or npm install)
  2. Set up GitHub Personal Access Token, refer to Authenticating with GraphQL for requisite scope
  3. Acquire Airtable API Key and Base ID and set it into your environment. Your Airtable base should have a table named Attendees and short string fields with "Event ID", "Github Username", "Created Date", "Name" and "Type".
  4. Run yarn start or npm start (see below for variable configuration).

API Keys

You can either create a .env file, or specify these keys when running the start command:

GITHUB_TOKEN=XXX AIRTABLE_API_KEY=YYY ... yarn start or env GITHUB_TOKEN=XXX AIRTABLE_API_KEY=YYY ... npm start

// .env file

GITHUB_TOKEN=XXX
AIRTABLE_API_KEY=YYY
AIRTABLE_BASE_ID=ZZZ

πŸŽ™ Talk slides

  1. Go to one of the meetup pages, i.e. https://reactknowledgeable.org/meetups/1/
  2. Press p for presentation mode
  3. Paging controls:
    • space or j: next page
    • k: previous page
    • digits 0 ~ 9: respective pages

Random things to note

If you use npm instead of yarn, you may run into the following error:

The above error occurred in the <StoreStateProvider> component:
    in StoreStateProvider
    in App

React will try to recreate this component tree from scratch using the error boundary you provided, App.
Warning: App: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.

The actual cause of this error might be due to the differences between how both package managers handle things. Running yarn and letting the yarn resolve dependencies will fix the issue.

You can’t perform that action at this time.