yarigpopov

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  filter: 'coo',
  chores: [
      { name: 'cook', done: true },
      { name: 'clean', done: true },
      { name: 'write more unit tests', done: false }
    ],

yarigpopov

'CHRIS NG, ALON BUKAI, JESSICA JORDAN, ANNE-GREETH VAN HERWIJNEN, ISAAC LEE, JARED GALANIS, AMY LAM'
    .split(',')
    .map(i=>i.toLowerCase()
         .split(' ')
         .map(name=>name.charAt(0).toUpperCase() + name.slice(1))
         .join(' '))
  .join(',')

yarigpopov

import React from 'react'
import { render, loop, Rotate } from './tools';

const App = () => (
    <svg>
        <section x="50%" y="50%">
            <section width="95%" height="95%">
            { loop( 1, 12, i =>
                <Mark angle={ i * 30 } length={10} />
            )}

yarigpopov

export class RadioImageForm extends React.Component<Probs, State> {
  // ...
  render(): React.ReactElement {
    const { currentValue, onChange, defaultValue } = this.state;

    return (
      <RadioImageFormWrapper>
        <form>
          {
            React.Children.map(this.props.children,

yarigpopov

// ...
function App() {
	const [value, setValue] = React.useState(null);

	const onChange = (value: string): void => {
		setValue(value);
	};
	return (
		<div className="container App">
			<Banner

yarigpopov

const RadioImageFormContext = React.createContext({
  currentValue: '',
  defaultValue: undefined,
  onChange: () => { },
});
RadioImageFormContext.displayName = 'RadioImageForm';

yarigpopov

static RadioInput = ({ label, value, name, imgSrc }: RadioInputProps) => (
  <RadioImageForm.Consumer>
    {({ currentValue, onChange }) => (
      <label className="radio-button-group" key={value}>
        <input
          type="radio"
          name={name}
          value={value}
          aria-label={label}
          onChange={onChange}

yarigpopov

interface State {
  data: IDog;
  status: Status;
  error: Error;
}

const initState: State = { status: Status.loading, data: null, error: null };

const DogDataProviderContext = React.createContext(undefined);
DogDataProviderContext.displayName = 'DogDataProvider';

yarigpopov

export function useDogProviderState() {
  const context = React.useContext(DogDataProviderContext);

  if (context === undefined) {
    throw new Error('useDogProviderState must be used within DogDataProvider.');
  }

  return context;
}

yarigpopov

function App() {
  return (
    <Router>
      <div className="App">
        {/* The data provider component responsible
        for fetching and managing the data for the child components.
        This needs to be at the top level of our component tree.*/}
        <DogDataProvider>
          <Nav />
          <main className="w-full py-5 mx-auto text-center text-white md:py-20 max-w-screen-xl">