TucsonReactJS.github.io/index.html at master · TucsonReactJS/TucsonReactJS.github.io · 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

<html lang="en">
  <head>
    <script src="//use.typekit.net/yhu8tfk.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Tucson ReactJS</title>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="/css/styles.css"/>
    <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
  </head>
  <body>
    <nav role="navigation" class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" data-toggle="collapse" data-target="#navbar-collapse" class="navbar-toggle collapsed"><span>Menu</span></button><img src="/img/ReactCactus.svg" alt="Tucson ReactJS logo with electrons revolving around a cactus" class="navbar-avatar"/><a href="/" class="navbar-brand">Tucson React</a>
        </div>
        <div id="navbar-collapse" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="/#upcoming">Upcoming</a></li>
            <li><a href="/posts">Archive</a></li>
            <li><a href="/contact">Contact</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="jumbotron">
      <div class="container">
        <h1><b class="text-center">Tucson</b><b class="text-center">React</b></h1>
        <p class="h2 text-center">

          A meetup for people who want to deep-dive into the React ecosystem.
        </p>
      </div>
    </div>
    <div class="container main-content">
      <div class="row">
        <div class="col-sm-8">
          <header id="upcoming">
            <h1>Our Next Meetups</h1><a href="http://www.meetup.com/Tucson-ReactJS-Meetup/events/223769210/">
              <p class="h3">Mashup: React-Router and Animation in React</p></a>
            <p>Monday, July 27, 2015 at 7:00pm
              <p>
                July's meetup will be two talks mashed together. Jason Hansen will be talking about using React-Router
                to manage state in your applications, which will lead nicely into Charlie King talking about different
                approaches for animation in React.
              </p>
            </p><br/><a href="http://www.meetup.com/Tucson-ReactJS-Meetup/events/223770408">
              <p class="h3">Reflux Deep Dive</p></a>
            <p>Monday, August 17, 2015 at 7:00pm</p>
            <p>
              In the never-ending search for the perfect Flux framework,
              Mike Groseclose is going to deep dive in to  <a href="https://github.com/spoike/refluxjs">Reflux </a>and tell us all about it.
            </p><br/>
            <h2 class="h3">Where?</h2>
            <p>
              Tucson ReactJS meetups use the great downtown warehouse space provided by Elegant Thought, LLC.
              Drinks and light snacks will be provided by the organizers!
            </p>
            <address> <strong>Elegant Thought</strong><br/>15 E Toole Ave<br/>Tucson, AZ 85701</address>
          </header>
          <div class="row">
            <div id="previous" class="col-sm-12">
              <h2>Previous Meetups</h2>
              <h3>ReactJS and Immutability, a perfect match? </h3>
              <p>Marrying ReactJS code with immutable data structures.</p>
              <h3>What the Flux?</h3>
              <p>All about the Flux application architecture. What is Flux? How does it compare to MVC? How does it fit into the overall React story?</p>
              <h3>Testing React applications.</h3>
              <p>What are the best frameworks for testing React? Jest, Karma, Mocha? What are the ReactTestUtils and how can we use them?</p>
              <h3>ReactJS Primer &amp; Component Lifecycle.</h3>
              <p>Deep dive into ReactJS and the ReactJS Component Lifecycle by building a React component from scratch using idiomatic  tools and practices.</p>
            </div>
          </div>
        </div>
        <div class="col-sm-3 col-sm-offset-1 sidebar">
          <div class="h3 text-center">About</div>
          <p>The Tucson React group is a meetup for people who want to deep-dive into React and the Flux application architecture.</p>React beginners and experts are both welcome, and so is anyone who loves and wants to talk about JavaScript.
          <div class="h3 text-center">Contact Us</div>
          <ul class="list-unstyled">
            <li> <a href="http://twitter.com/tucsonreactjs">Twitter</a></li>
            <li> <a href="http://github.com/tucsonreactjs">Github</a></li>
            <li> <a href="http://www.meetup.com/Tucson-ReactJS-Meetup/">Meetup.com</a></li>
            <li> <a href="http://www.reactiflux.com/"> Reactiflux Slack </a>
              <p>find us on the #tucson channel. </p>
            </li>
          </ul><a href="http://www.meetup.com/Tucson-ReactJS-Meetup/" alt="Tucson ReactJS Meetup page"><img src="/img/ReactCactus.svg" class="center-block sidebar-module-avatar"/></a>
        </div>
      </div>
    </div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>
  </body>
</html>