https://github.com/react-knowledgeable/rk-community-site

🦄 RK's community site
https://github.com/react-knowledgeable/rk-community-site

community gatsby react

Last synced: 3 months ago
JSON representation

🦄 RK's community site

• Host: GitHub
• URL: https://github.com/react-knowledgeable/rk-community-site
• Owner: react-knowledgeable
• License: mit
• Created: 2019-07-04T16:36:45.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-11T20:51:29.000Z (almost 2 years ago)
• Last Synced: 2024-07-18T08:45:43.363Z (4 months ago)
• Topics: community, gatsby, react
• Language: JavaScript
• Homepage: https://reactknowledgeable.org/
• Size: 7.17 MB
• Stars: 20
• Watchers: 6
• Forks: 11
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# React Knowledgeable

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

This repo is the community site for ``.

## 🖥 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](https://github.com/settings/tokens), refer to [Authenticating with GraphQL](https://developer.github.com/v4/guides/forming-calls/#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  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.