Skip to content
This repository has been archived by the owner on Apr 27, 2022. It is now read-only.
/ bend-community-site Public archive

Community website for all tech sectors in Bend. #BendHacktoberfest

Notifications You must be signed in to change notification settings

BendJS/bend-community-site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bend Community Site

Build Status Maintainability Test Coverage

Overview

This site is meant to serve as a gathering place for the tech community in Bend, Oregon. Ideally, it will include at least the following:

  • An Event Calendar
  • A Local Jobs Board
  • A Community Blog
  • A Community Forum

Contributing

Anyone is welcome to contribute, but if you have a direct connection to the BendJS community, even better. We're still working on the contribution guidelines, but don't let that stop you!

React Development

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Testing suite tech
Example Test File

We would like to co-locate our unit tests near the component they are testing whenever possible in a new file named <component-name>.test.js

Below is a very basic example of our test suite. For information/inspiration please reference the tech references above

// filename App.test.js
import React from 'react';
import { render } from '@testing-library/react';
import '@testing-library/jest-dom/extend-expect'
import App from './App';
describe('App', () => {
  it('renders without crashing', () => {
    const { getByTestId } = render(<App />);
    expect(getByTestId('app')).toMatchSnapshot();
  });
  it('renders the right link', () => {
    const { getByText } = render(<App />);
    expect(getByText('Learn React')).toBeVisible();
  });
});

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Storybook UI Library

UI component dev environment

 yarn storybook

Learn More

You can learn more in the Create React App documentation. To learn React, check out the React documentation.

About

Community website for all tech sectors in Bend. #BendHacktoberfest

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published