Create a React app with zero configuration using Parcel

Create a React app with zero configuration using Parcel  #ReactJS

  • Create React App was created to make it easier and quicker to get started.
  • The problem with creat react app is that it hides the webpack config.
  • When your app grows and you need something a bit more advanced, you have to eject and then you get a huge webpack config.
  • I tried it on a large code base, and it worked out-of-the-box!
  • Parcel looks like a decent alternative to Create React App.

We have all experienced the pain of getting started with React. You spend hours to configure webpack before you can start actual coding.
Continue reading “Create a React app with zero configuration using Parcel”

React UI Frameworks, Compared – Gather Engineering

React UI Frameworks, Compared  #reactjs #semanticui #antdesign #react #javascript #reactjs

  • Created by Alibaba, Ant Design React includes a great many polished and usable components — probably more than any other React UI library.Ant Design (Date Range Picker)Component Breadth: A+Every component we needed is included.Quality of implementation: AGood-looking components, plenty of options and interoperability.Ease of re-styling: B+Themeable, but not built for overhaul.Typescript support: A+Written…
  • Typescript support: FDoes not appear to have any TypeScript typings.Quality of documentation: BInteractive examples of each component, but nothing else about the framework itself.Project health: B~1.5K Github stars, maintained by open-source contributors.Cost: FreeAn implementation of the popular Semantic UI framework, this library is polished has a lot to offer, but…
  • Type bindings are still in development, but are included for most components.Quality of documentation: A+Interactive examples of each component, clear navigation information on theming, component options, and sample layouts.Project health: B~1.5K Github stars, maintained by open-source contributors.Cost: FreeSencha’s React UI framework is costly each year, but its breadth of components,…
  • Ease of re-styling: A+Clear documentation on theming, four built-in themes (including Material Design and Bootstrap), and support for Sencha Themer.Typescript support: A+Written in TypeScript, with full bindings.Quality of documentation: AExamples of each component, with tons of options explained, but a bit confusing to navigate, and interactive examples are often limited…
  • It appears to simply be a set of wrappers for jQuery version.Kendo UI React (Dropdown)Component Breadth: A-Not as many components as the Angular/jQuery versions, but could be enough for many applications.Quality of implementation: ASeem robust, though the default style isn’t wonderful.Ease of re-styling: A+Clear documentation on theming, four built-in themes…

The open-source community around React is enormous, and we’re constantly seeing new solutions and approaches to solve the problems we have as developers. Looking into React UI libraries, we’ve come a…
Continue reading “React UI Frameworks, Compared – Gather Engineering”

Job Application for Full Stack Javascript Developer at Jampp

We are looking for outstanding, modern, minimalist Full Stack Javascript Developers. You’ll collaborate with other developers, product designers and product managers  in bringing to life new features, test ideas and prototypes, and will work on their final implementation.
Continue reading “Job Application for Full Stack Javascript Developer at Jampp”

How to incorporate Google AdSense with React.js

  • The gist below contains some code to demonstrate.
  • I recently needed to incorporate Google AdSense ads in a react.js application I was building.
  • If you have used AdSense before, then you are acquainted with the code that is generated.
  • The biggest change is placing the contents of the last script tag into the componentDidMount lifecycle event.
  • I guess you could say that I enjoy solving problems and building things.

I recently needed to incorporate Google AdSense ads in a react.js application I was building. If you have used AdSense before, then you are acquainted with t…
Continue reading “How to incorporate Google AdSense with React.js”

Northeast JavaScript Conference Tickets, Thu, Sep 15, 2016 at 7:30 AM

  • Log in or sign up for Eventbrite to save events you’re interested in.
  • Your email will only be seen by the event organizer.
  • When Thursday, September 15, 2016 at 7:30 AM – Friday, September 16, 2016 at 5:30 PM (EDT) – Add to Calendar Where Stamford Innovation Center – 175 Atlantic Street, Stamford, CT 06901, United States – View Map View Map Tags Things to do in Stamford, CT Conference Science & Tech
  • Most workshops will be focused on working code – on how professionals like you have solved problems with these frameworks.
  • We’ll include high level talks about frameworks, data handling, animations and other key topics.

Read the full article, click here.


@hughseaton: “Check out the NE #JavaScript Conf 9/15-16th in Stamford, CT #javascript #Angularjs #nodejs #reactjs @StamfordiCenter”


Eventbrite – Events and Classes at the Stamford Innovation Center presents Northeast JavaScript Conference – Thursday, September 15, 2016 | Friday, September 16, 2016 at Stamford Innovation Center, Stamford, CT. Find event and ticket information.


Northeast JavaScript Conference Tickets, Thu, Sep 15, 2016 at 7:30 AM

GraphQL in 2016: A Growing Ecosystem — Building Apollo — Medium

GraphQL in 2016: A growing ecosystem  #ReactJS

  • As the team at Apollo Stack has been working with GraphQL to build a data stack for modern applications, we’ve run into more and more people who are excited about what GraphQL has to offer – whether they’re using it in their products or extending it with tooling of their own.
  • Make It Open – a series of tutorials on what a real app looks like if you’re using multiple projects from the GraphQL ecosystem together, based on the F8 conference app.
  • Sashko followed with a talk about how Apollo Client makes it easy to build a full stack app using GraphQL.
  • The first talk came from Syrus Akbary, who created Graphene , a library that lets you use GraphQL in Python.
  • Not only did we get a look into where each individual project is going, but we got everyone together afterwards for a panel to discuss the past, present and future of GraphQL’s community.

Read the full article, click here.


@ReactiveConf: “GraphQL in 2016: A growing ecosystem #ReactJS”


Videos from our first meetup.


GraphQL in 2016: A Growing Ecosystem — Building Apollo — Medium