reactjs.berlin/index_20161212.html at gh-pages · reactjs-berlin/reactjs.berlin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>ReactJS.berlin &mdash; Berlin's ReactJS Usergroup</title>
    <meta name="description" content="ReactJS.berlin is a usergroup focused on ReactJS and related
     topics. We meet regularly on the 3rd Monday each month at 7:30 p.m. @bitcrowd office,
     Oranienstr. 6 in Berlin-Kreuzberg.">
    <meta name="keywords" content="ReactJS, JavaScript, Usergroup, Berlin, Programming, JS">
    <meta name="author" content="ReactJS.berlin">
    <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
    <!-- disable cache completely for now -->
    <meta http-equiv="cache-control" content="max-age=0">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="expires" content="Thu, 01 Jan 1970 13:37:00 GMT">
    <meta http-equiv="pragma" content="no-cache">

    <link rel="stylesheet" media="screen" href="css/style.css?v=1">
    <link rel="stylesheet" media="print" href="css/print.css?v=1">

    <link rel="stylesheet" media="only screen and (min-width: 480px)" href="css/480.css?v=1">
    <link rel="stylesheet" media="only screen and (min-width: 768px)" href="css/768.css?v=1">
    <link rel="stylesheet" media="only screen and (min-width: 992px)" href="css/992.css?v=1">
    <link rel="stylesheet" media="only screen and (min-width: 1382px)" href="css/1382.css?v=1">
    <link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)" href="css/2x.css?v=1">

    <link href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet" type="text/css">

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00d8ff">
    <meta name="theme-color" content="#00d8ff">

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  </head>
  <body>
    <header role="banner" class="content clearfix">
      <div class="clearfix">
        <h1>
          <a href="/">
            <img alt="ReactJS.berlin" src="img/react-berlin-logo.svg" class="logo" />
          </a>
        </h1>
        <p class="ug-info triangle-border left">
          ReactJS.berlin is a usergroup focused on ReactJS and related
     topics. We meet regularly on the 2nd Monday each month at 7p.m.
          <a href="http://bitcrowd.net" title="bitcrowd.net office">@bitcrowd office</a>,
          Oranienstr. 6 in Berlin-Kreuzberg. Talks start at 7:30pm.
        </p>
      </div>
    </header>
    <main role="main" class="content clearfix">
      <article class="clearfix">
        <header class="clearfix center">
          <h2>Meetup on December 12th, 2016</h2>
        </header>
        <!-- TALKS -->
        <section class="clearfix">
          <div class="three-cols clearfix">
            <!-- THIS IS WHAT A TALK ABSTRACT LOOKS LIKE
            <div class="speaker">
              <h3>Free slot</h3>
              <p class="speaker-name">This slot could be yours!<br />Submit your talk now.</p>
              <p>
                You did some great stuff with JavaScript? You want to show it to the community?
              </p>
              <p>
                Drop us a line on your topic on <a href="http://twitter.com/reactberlin">
                Twitter</a> or <a href="https://github.com/reactjs-berlin/reactjs.berlin">create a pull request on GitHub</a> to this page right away.
              </p>
            </div>
            -->
            <div class="speaker">
              <h3>Flowtype: Let's Build a Great Typing Experience with 3rd Party Modules</h3>
              <p class="speaker-name">Patrick Stapfer - <a href="https://twitter.com/ryyppy" target="parent">@ryyppy</a></p>
              <p>
                Flowtype is a great tool to statically type your JavaScript code... but a type system is only useful as soon as all external
                dependencies are typed as well.
              </p>
              <p>
                There are two ways to vendor flow typings for your third party modules. In this talk, I want to
                explain how you can consume and deliver flow typings without any troubles and reap the benefits of
                a nicely typed codebase.
              </p>
              <p>
              <b>About me:</b> I am a huge flowtype enthusiast and have been using this tool for almost a year and had a long way to go before
              I really understood the tooling and the ecosystem around it.
              </p>
              <p>
              I was part of the <a href="https://github.com/flowtype/flow-typed" target="parent">flow-typed</a> project from day #1 and
              already gradually introduced typings in various projects during my freelancing work.
              </p>
            </div>

            <div class="speaker">
              <h3>Deploying React with Meteor</h3>
              <p class="speaker-name"><a href="http://www.callum-macdonald.com/" target="_blank">Callum Macdonald</a> / <a href="https://superlumen.io/" target="_blank">superlumen.io</a></p>
              <p>
                A quick intro to how Meteor and React play together. Meteor is probably the fastest way to get React running, from development to production. We'll build and deploy a demo app in the 25 minute talk with time left for questions.
              </p>
              <p>
                <strong>About me:</strong> At <a href="https://superlumen.io/" target="_blank">superlumen.io</a> we take about one React / Meteor project per month. Our unrelenting focus is on speed of development. Idea to launched in the shortest possible time. We regularly look for alternatives to Meteor that would let us move faster, but have yet to find one.
              </p>
            </div>

            <div class="speaker">
              <h3>Easily create Redux-based apps with React Native</h3>
              <p class="speaker-name">Wojciech Ogrodowczyk - <a href="https://twitter.com/yoshuawuyts" target="parent">@sharnik</a></p>
              <p>
                In this talk we'll get a simple introduction what benefits would using Redux bring to our React Native applications
                and how to use Ignite - a framework for React Native applications - to get started with it easily and painlessly.
                We'll live-code a small feature to see how easy it is to use in practise.
              </p>
              <p>
                Wojciech runs a development consultancy <a href="http://brainsandbeards.com">Brains&amp;Beards</a> where he builds
                cool mobile products and teaches others how to do that as well.
              </p>
            </div>

          </div>
        </section>
      </article>
    </main>

    <footer class="content" role="complimentary">
      <div class="clearfix three-cols">
        <div>
          <h2>Get in touch</h2>
          <ul>
            <li>
              Follow ReactJS.berlin on <a href="http://twitter.com/reactberlin">Twitter</a>
            </li>
            <li>
              Join our <a href="http://www.meetup.com/React-Berlin/">Meetup Group</a>
            </li>
            <li>
              Watch the code on <a href="https://github.com/reactjs-berlin/reactjs.berlin">Github</a>
            </li>
          </ul>
        </div>
        <div>
          <h2>The team</h2>
          <p>
            ReactJS.berlin is organized by
            <a href="http://www.twitter.com/chris_bitcrowd" title="Follow Chris on Twitter">Christoph Beck</a>,
            <a href="https://twitter.com/pascalweiland" title="Follow Pascal on Twitter">Pascal Weiland</a> &amp;
            <a href="http://www.twitter.com/pmnhrdt" title="Follow Paul on Twitter">Paul Meinhardt</a>
            from
            <a href="http://www.twitter.com/bitcrowd" title="Follow bitcrowd on Twitter">@bitcrowd</a>.
            Design by <a href="http://www.twitter.com/m_besser" title="Follow Matti on Twitter">Matti Besser</a> &amp; <a href="http://www.twitter.com/plankton" title="Follow Darren on Twitter">Darren Cadwallader</a>.
          </p>
        </div>
        <div>
          <h2>Supporters</h2>
          <p>
            Our Meetups are hosted by <a href="http://bitcrowd.net">bitcrowd.net</a>.
            The template for this page is the gloriuos <a href="http://berlinjs.org/" title="Berlin's finest JavaScript Usergroup">berlinjs.org page</a> with kind permission of <a href="http://www.twitter.com/rmehner" title="Follow Robin on Twitter">Robin Mehner</a>.
          </p>
        </div>
      </div>
      <section>
        <div class="clearfix one-col">
          <div>
            <h2>Code of Conduct</h2>
            <p>
              Our goal is to have an awesome, inclusive and safe community meetup where people meet,
              hang out together, chat, listen to talks, exchange ideas and make new friends.
              Any harmful or discriminating behaviour will not be tolerated and results
              in the offending person being expelled from the meetup.
            </p>
            <p>
              For details on what kinds of behaviour are not tolerated and consequences for violating these rules, we refer to the <a href="http://rubyberlin.github.io/code-of-conduct">Berlin Code of Conduct</a>.
            </p>
          </div>
          <div>
            <h2>Imprint, privacy policy and legal information</h2>
            <p>
              This site is run by
              <a href="http://bitcrowd.net" title="bitcrowd.net software development for startups">bitcrowd</a> -
              please find <a href="http://bitcrowd.net/legal" title="bitcrowd.net software development legal information">imprint, privacy and other legal information here</a>.
            </p>
          </div>
        </div>
      </section>
    </footer>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-87838740-1', 'auto');
      ga('send', 'pageview');
    </script>
  </body>
</html>