I work on a library called Polymer, which helps you write web components faster and easier. This is awesome, but it’s only awesome if you (yes, YOU) know what a web component is, and know that you want to write one. So here’s a story about what these things are and teaches you how to use them without showing you 10 pages of docs and getting you to install tools and CLIs. Maybe it’s for you. Maybe it isn’t. In either case, it has otters.
There’s one question that comes up again and again on stackoverflow. The question is about ngDoCheck lifecycle hook that is triggered for a component that implements OnPush change detection strategy…
Polymer lets you build encapsulated, reusable Web Components that work just like standard HTML elements, to use in building web applications. Using a Web Component built with Polymer is as simple as importing its definition then using it like any other HTML element.
Most developers and users won’t argue building on and maximizing the experiential capabilities of the modern web has been a slow process. When scoping a development project, clients have historically…
Recently, I had a chance to apply React.js and Polymer in real-world applications.While both React and Polymer share the same idea of components, they use ra...
Web Components are an amazing way to componentized web applications in small, reusable pieces. Coding with Polymer, even reusability stops feeling like an afterthought but something one naturally…
HTML imports are cool. If you haven’t heard of them before, you should read Eric Bidelman’s excellent introduction to them, but they’re pretty self explanato...
I've created a Polymer element for rendering markdown which uses the marked.js library. I was wondering, what is the recommended way of loading in its dependencies?
Grab the latest polymer-redux and give it a go! Click here: https://goo.gl/fGUSf4 How do you manage state in a large Polymer app? This is probably the most f...
Semantic UI React is the official React integration for Semantic UI: jQuery Free; Declarative API; Augmentation; Shorthand Props; Sub Components; Auto Controlled State.
Writing inefficient React components can cause them to rerender too often. Peter Bengtsson looks at ways of creating and optimizing stateless components.
Now don’t get me wrong, this doesn’t mean I can turn you into a React master instantly. But at least you’ll understand all the major concepts, if you do decide to jump in.
This article is not going to cover what React is or why you should learn it. Instead, this is a practical introduction to the fundamentals of React.js for those who are already familiar with JavaScript and know the basics of the DOM API.
“ReactJs is a javascript library for building user interfaces” is official one liner introduction about ReactJs. The user interacts with application by clicking, hovering, pressing a key or…
In early days of single-page applications, we used to hardcode a lot of stuff, and very often we ended up with a lot of chunks of code, which did not make a lot of sense outside of their page. In…
It’s been a while since I’ve been working with React — a Facebook library to build user interfaces using JavaScript — and there are a few concepts I wish I knew when I was just starting. This text is…
I wrote a React component, transpiling using Babel, bundling and building using Webpack. I wanted to use it in another application via NPM. My NPM publish package needed to include component…
A UI library that allows you to break your application into components that are self-contained and describe how the application view changes over time and in response to user actions. Marko uses the HTML-JS syntax, rather than the JSX syntax offered for React.
Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 API. As a frequent user of React, I’d always wanted to try out Preact and see what it offers…
Riot lets you build user interfaces with custom tags using simple and enjoyable syntax. It uses a virtual DOM similar to React but faster. Riot is very tiny compared to industry standards. We think there is a clear need for another UI library.
This video covers the full installation of Vue and Vuex using the Vue-CLI and creating a project from scratch. This project will create a basic application that presents a problem that Vuex is uniquely qualified to fix. We'll use Vuex store to move information between two components that need to keep sync and are separated by both state and router and use Vuex to solve that problem.
Components can be tested with snapshot testing. Tools like Jest (often combined with Enzyme) that offer this functionality take a ‘snapshot’ of what your component renders — everything from divs…
React is incredible because it allows you to build your UI using a declarative API. You tell React what you want the interface to look like, and it handles the rest. As users interact with the…
Components are the building blocks of modern web applications. What best practices should you follow when building your own components so they can stand the test of time?
By adopting inline styles, we can get all of the programmatic affordances of JavaScript. This gives us the benefits of something like a CSS pre-processor (variables, mixins, and functions). It also…
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…
glamorous is React component styling solved with an elegant (inspired) API, small footprint (<5kb gzipped), and great performance (via glamor). It has a very similar API to styled-components and uses similar tools under the hood (glamor).