| # In all examples, the rubocop default is listed first | |
| # IndentOneStep: false | |
| case owner | |
| when 'I' | |
| attrs[:user] = @current_user | |
| when 'they' | |
| attrs[:user] = @it | |
| end |
This isn't an exhaustive introduction to the ruby language. Instead I wanted to talk about what makes ruby different from JavaScript and other languages that you may have experience with
in JS, we can deconstruct both arrays and objects into variables
// array destructuring
| import { urlencoded } from "body-parser" | |
| import * as z from "zod" | |
| const feedbackForm = z.object({ | |
| email: z.string().email(), | |
| message: z.string(), | |
| }) | |
| interface Props { | |
| flash?: string |
| import { prefetchQuery } from "react-query"; | |
| describe('MyComponent', () => { | |
| beforeEach(() => { | |
| // using react-query for data fetching makes it easy to mock out your API calls | |
| return prefetchQuery(["myQuery"], () => [{ name: 'Steve', role: 'Developer' }]) | |
| }) | |
| it('should open a dialog', async () => { | |
| // visit the page |
| <App> | |
| <ErrorBoundary> | |
| <Routes /> | |
| </ErrorBoundary> | |
| </App> |
| /// action creators //////////////////////////////////////////////////////////// | |
| // exposing action creators as functions so the caller doesn't have to worry | |
| // about typos when dispatching actions; e.g. dispatch(clear()) | |
| // mark in state that the refetch is being performed | |
| export const beginFetch = payload => ({ type: 'beginFetch', payload }) | |
| // request a new refetch | |
| export const refetch = () => ({ type: 'refetch' }) |
| const initialValues = { | |
| username: "", | |
| email: "", | |
| password: "", | |
| passwordConfirmation: "", | |
| } | |
| // always give your component a name, even if it is the default export, | |
| // because it will appear in the Component Trace when there is a React error | |
| export default function SignupForm() { |
| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <script src="main.js"></script> | |
| </body> | |
| </html> |
| const faker = require('faker'); | |
| const ReactDataGrid = require('react-data-grid'); | |
| const exampleWrapper = require('../components/exampleWrapper'); | |
| const React = require('react'); | |
| const { | |
| ToolsPanel: { AdvancedToolbar: Toolbar, GroupedColumnsPanel }, | |
| Data: { Selectors }, | |
| DraggableHeader: { DraggableContainer }, | |
| Formatters: { ImageFormatter } | |
| } = require('react-data-grid-addons'); |
| const brain = require('brain.js') | |
| const mimir = require('mimir') | |
| const net = new brain.NeuralNetwork | |
| // The specific structure here isn't important, this exists | |
| // simply to teach the NN these words. | |
| const voc = mimir.dict([ | |
| "a conflict of programmers", | |
| "a murder of crows", | |
| "a flock of geese", |