Git Product home page Git Product logo

lunch-and-learns's Introduction

lunch-and-learns

Mega-repo for all of the Lunch and Learn presentations/workshops/etc. that I've given at 7Geese. At least, all the ones that I've put up on GitHub.

All of these were made with the fantastic Spectacle framework from Formidable team. Check it out, it's pretty dope.

Running

For most of these, all you need to do is cd into the dir, install the deps real quick then run start:

cd eslint-workshop/
yarn install
yarn run start

Then checkout localhost:3000/.

In a crazy hack of nature, if you open it in a second tab and add ?presenter&timer to the URL, you'll get a "presenter's view", which is handy if you're running the presentations on a second screen. This will also display any notes you've added to the slides. It also includes a little timer so you'll know if you're babbling on and on.

lunch-and-learns's People

Contributors

himynameisdave avatar

Stargazers

David Zhang avatar

Watchers

James Cloos avatar avatar

lunch-and-learns's Issues

Try "this.props.children(...)" instead of "this.props.render(...)"?

Hey Dave,

This is a perfect example and really interesting approach! I have a question here if you do something like this

class GooseFacts extends Component {
    ...
    render() {
        return this.props.children(this.state);
    }
}

<GooseFacts>
    {({ fact }) => (
        <div className="cool-section__goose-fact">
            <img src="bruce.svg" />
            <span>
                {fact}
            </span>
        </div>
    )}
/>

Does it work? (I am guessing it will work and you can save a render prop 😛)

Ref:

lunch-and-learns/geeseweek-employee-search/examples/05-simple-render-prop.jsx

Lines 30 to 39 in 481c096

<GooseFacts
render={({ fact }) => (
<div className="cool-section__goose-fact">
<img src="bruce.svg" />
<span>
{fact}
</span>
</div>
)}
/>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.