import React from 'react' ; import DevResources from "./DevResources" ; const mockData = [ { "node" : { "resources" : { "development" : null } } } , { "node" : { "resources" : { "development" : [ { "categories" : [ "Template" , "Component Library" , "Design Tooling" , "Frontend" ] , "link" : "https://github.com/whoisryosuke/ryosuke-gatsby-blog" , "name" : "Personal Portfolio Gatsby Blog" , "software" : [ "Gatsby" , "React" , "Typescript" , "Styled Components" ] , "install" : "git clone git@github.com:whoisryosuke/ryosuke-gatsby-blog.git" , "description" : "Design System using Styled Components and ReactJS, inspired by Semantic UI" } , { "categories" : [ "Design Systems" , "Component Library" , "Design Tooling" , "Documentation" , "CSS in JS" ] , "link" : "https://github.com/whoisryosuke/design-system-jss" , "name" : "JSS Design System" , "software" : [ "JSS" , "React" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/design-system-jss.git" , "description" : "Boilerplate Design System using JSS and ReactJS" } , { "categories" : [ "Template" , "Design Systems" , "Component Library" , "Design Tooling" , "Documentation" ] , "link" : "https://github.com/whoisryosuke/gatsby-documentation-starter" , "name" : "Gatsby - Design System Documentation Starter" , "software" : [ "GatsbyJS" , "MDX" , "React" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/gatsby-documentation-starter.git" , "description" : "Automatically generate docs for React components using MDX, react-docgen, and GatsbyJS" } , { "categories" : [ "Boilerplate" , "Backend" , "API" ] , "link" : "https://github.com/whoisryosuke/laravel-sqlite-heroku-starter" , "name" : "Laravel - Heroku SQLite Starter" , "software" : [ "Laravel" , "PHP" , "Heroku" ] , "install" : "git clone git@github.com:whoisryosuke/laravel-sqlite-heroku-starter.git" , "description" : "Laravel 5.8 base install + authentication + SQLite + Heroku config -- ready to go! 🚀" } , { "categories" : [ "Design Systems" , "Component Library" , "Design Tooling" , "Documentation" ] , "link" : "https://github.com/whoisryosuke/styled-semantic-ui" , "name" : "Styled Semantic UI" , "software" : [ "GatsbyJS" , "Styled Components" , "React" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/styled-semantic-ui.git" , "description" : "Design System using Styled Components and ReactJS, inspired by Semantic UI" } , { "categories" : [ "Design Systems" , "Component Library" , "Design Tooling" , "Documentation" ] , "link" : "https://github.com/whoisryosuke/pure-components" , "name" : "Pure Components" , "software" : [ "GatsbyJS" , "React" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/pure-components.git" , "description" : "Styled Component design system based on Pure CSS for React/Preact" } , { "categories" : [ "Template" ] , "link" : "https://github.com/whoisryosuke/semantic-boilerplate" , "name" : "Semantic UI Boilerplate" , "software" : [ "Semantic UI" , "HTML" , "CSS" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/semantic-boilerplate.git" , "description" : "Multi-purpose HTML5 templates using Semantic UI" } , { "categories" : [ "Template" , "PWA" , "SSR" , "Frontend" ] , "link" : "http://github.com/sjdnfdj" , "name" : "NextJS - Semantic/Fomantic UI Starter" , "software" : [ "NextJS" , "React" , "JavaScript" , "Semantic/Fomantic UI" , "Styled Components" ] , "install" : "git clone git@github.com:whoisryosuke/ryosuke-gatsby-blog.git" , "description" : "Template for using NextJS and Semantic UI / Fomantic UI + Styled Components" } , { "categories" : [ "Template" , "PWA" , "SSR" , "Frontend" ] , "link" : "https://github.com/whoisryosuke/nextjs-oauth2-cookie-auth" , "name" : "NextJS - OAuth2 + Cookie Auth Starter" , "software" : [ "NextJS" , "React" , "JavaScript" , "Semantic/Fomantic UI" , "Styled Components" ] , "install" : "git clone git@github.com:whoisryosuke/nextjs-oauth2-cookie-auth.git" , "description" : "Template for using NextJS and Semantic UI / Fomantic UI + Styled Components" } , { "categories" : [ "Template" , "PWA" , "SSR" , "Frontend" ] , "link" : "https://github.com/whoisryosuke/nextjs-redux-authentication-boilerplate" , "name" : "NextJS - Redux Auth Starter" , "software" : [ "NextJS" , "React" , "JavaScript" , "Semantic/Fomantic UI" , "Styled Components" ] , "install" : "git clone git@github.com:whoisryosuke/nextjs-redux-authentication-boilerplate.git" , "description" : "Template for using NextJS and Semantic UI / Fomantic UI + Styled Components" } , { "categories" : [ "Template" , "PWA" ] , "link" : "https://github.com/whoisryosuke/boostnote-pwa-test" , "name" : "Boostnote PWA" , "software" : [ "Dropbox API" , "React" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/boostnote-pwa-test.git" , "description" : "PWA version of Boostnote, a Markdown editor" } , { "categories" : [ "Tooling" ] , "link" : "https://github.com/whoisryosuke/instagram-to-tumblr" , "name" : "Instagram to Tumblr" , "software" : [ "PHP" , "RSS" , "Instagram API" , "Tumblr API" ] , "install" : "git clone git@github.com:whoisryosuke/instagram-to-tumblr.git" , "description" : "Grabs IG posts and converts to RSS feed (for IFTTT -> Tumblr)" } , { "categories" : [ "Template" ] , "link" : "https://github.com/whoisryosuke/tech-tube" , "name" : "Tech Tube" , "software" : [ "GatsbyJS" , "React" , "EmotionJS" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/tech-tube.git" , "description" : "A video directory for developer and design talks using GatsbyJS, ReactJS, EmotionJS." } , { "categories" : [ "Tooling" ] , "link" : "https://github.com/whoisryosuke/chrome-copy-as-markdown" , "name" : "Chrome Extension - Copy as Markdown" , "software" : [ "Chrome" , "JavaScript" ] , "install" : "git clone git@github.com:whoisryosuke/chrome-copy-as-markdown.git" , "description" : "Chrome extension to copy text as Markdown" } ] } } } ] ; export default { title : 'Dev Resources' } ; export const withMockData = ( ) => < DevResources resources = { mockData } />;