Why We Use Styled Components – Hacker Noon

Why We Use Styled Components:  by @_alanbsmith #JavaScript #ReactJS

  • That’s not what CSS-in-JS is about regardless of the hype.Styled Components Isn’t the Right Choice for Every TeamI’m not saying Styled Components is better than Radium, Aphrodite, Glamor, Glamorous, Emotion, or any of the other CSS-in-JS libraries.
  • BEM, SMACSS, and other CSS patterns provide a lot of great guidelines for managing styles.
  • 🎉)From my experience, building a component library is the best way to keep UI consistent and predictable across applications, and CSS-in-JS has been the best tooling available to build these libs.Why We Chose Styled ComponentsWe ❤️ Styled ComponentsWe were drawn to CSS-in-JS for the reasons mentioned above, but Styled Components…
  • Along with the basic Sass support, there’s also Polished, a small toolset created by Styled Components to provide additional Sass functionality and other helpful tooling.Native Mobile SupportOur team is also in the process of developing a native mobile app with React Native.
  • Those conversations will help establish patterns for best-practices leading us to more consistent and predictable UI.Final ThoughtsStyled Components has been great for our team, and I think it could be really useful for a lot of other teams as well.

Unfortunately Twitter is not ideal for providing context and longer explanation, and I thought this might be a good way to follow up. Given that, a lot of this article describes what led to our…
Continue reading “Why We Use Styled Components – Hacker Noon”

How to Learn React: Everything You Need to Get Started — SitePoint

How to Learn #Reactjs: Everything You Need to Get Started, via @sitepointdotcom

  • If you’re dipping your toe into the React waters, or if your React development journey is picking up speed, it can be hard to stay across the fundamentals, techniques, tools and tricks – so we’ve created this guide to what’s out there and what we recommend.
  • Whether you’re still deciding to take the React plunge, or you’re looking at more advanced tooling and systems, here are the best written resources we could find.
  • If cobbling together your own learning path via articles isn’t for you, or you’d like to make sure you’re across all the concepts and techniques, these are the structured React courses we recommend.
  • Here are some projects to take on to put that knowledge into practice:
    If all of this has helped you enter the world of React – here are some newsletters that will help you keep up to date with what’s new.
  • Finally, If you’ve found a great React resource or tool that belongs here – let us know in the form below.

No matter where you are on your journey, the best React content you need is here – take a look and dive in!
Continue reading “How to Learn React: Everything You Need to Get Started — SitePoint”

Bringing our mad skillz to Wagtail – Springloadnz – Medium

Bringing our mad skillz to Wagtail  #react #wagtail #performance #reactjs

  • In the past our work has taken us to Ede, Netherlands, and Cape Town, South Africa but this time we headed North to Reykjavík, Iceland thanks to our friends at Overcast Software.Over two days our group of nearly 20 were divided into specific task forces focusing on:Creating a new demo site for Wagtail that better demonstrates its capabilities.Making Wagtail faster on all devices for everyone in all locations.Overhauling the page explorer menu by rebuilding it with an API and React.Rebuilding the rich text editing experience from the ground up.Let’s have a look at the latter three areas that Springload actively contributes to.Optimising the performance of modern web appsSpringload has a lot of expertise in this area.
  • The impact of poor performance on user experience is well known across the industry, and it is paramount for the Wagtail experience to be best in class.As part of this sprint, we contributed by setting up tooling to audit and monitor Wagtail’s performance with Sitespeed.io, Grafana and Graphite.
  • We just got a BrowserStack subscription for Wagtail, which is going help a lot.BrowserStack provides us with automated screenshots, as well as On-demand browser instances — to test and debug in real browsers, without having to maintain local installations of many browser versions.Both users and developers have mixed feelings when it comes to rich text editing.
  • Try our online demo!Screenshot from the Draftail demoAs part of the sprint, we refined the integration of the editor within Wagtail with the help of Torchbox and the Little Weaver Web Collective.Building the future of WagtailWe invest so much in the future of Wagtail because we truly believe open-source communities are a great approach to software development.
  • We were so stoked to learn that what we’re contributing to building was used to make Hillary Clinton’s campaign site, and this is a perfect reminder that the impact of open-source software goes well beyond its original users.If you are interested in helping us making Wagtail the best product it can be, Springload is actively looking for designers and developers.

Springload regularly attends development sprints of Wagtail. They’re a great occasion to meet with other core contributors, and drive the project together towards the needs of its users, aka our…
Continue reading “Bringing our mad skillz to Wagtail – Springloadnz – Medium”

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