- 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”
React.js is a great library for creating user interfaces consisting of components. In the browser React is used to output DOM elements like divs, sections and.. SVG! The DOM supports SVG elements, so there is nothing stopping us from outputting it inline directly with React. This allows for easy creation of SVG components that are…
Continue reading “SVG in React – Etleap”
- Frameworks like Redux make it easier to manage state of your apps.In this video we will take a look at Redux and how it can be used to track data and state changes over the application lifecycle, making applications easier for you to develop and debug.
- #4— Redux Deep DiveRedux is used for state management in your React applications.
- Redux is flexible and there are a lot of ways that you can plug it in and configure it.In short, Redux has these pieces :- Store: One large memory store that stores the state for your entire application- Provider: Provider is like a wrapper around your application and injecting store in it.
Continue reading “Be an expert in ReactJS by watching these 5 videos.”
- Using CSS variables with styled components
- CSS variables are a game changer, they allow easy and cleanly separated JS-CSS communication (among other things !).
- Never miss a story from Julien De Luca , when you sign up for Medium.
- If you want to know more about CSS variables, you should watch this great talk by Lea Verou :
- It’s really easy to use them in combination with styled-components , and opens some great possibilities, like controlling variables using react-motion :
CSS variables are a game changer, they allow easy and cleanly separated JS-CSS communication (among other things !). It’s really easy to use them in combination with styled-components, and opens some…
Continue reading “Using CSS variables with styled components – Julien De Luca – Medium”
- Greg announced Relay 2’s features and design principles.
- Don’t miss Pete Huitsing’s next story
- Video: Relay 2 – simpler, faster, and more predictable @ Silicon Valley ReactJS Meetup
- Relay 2: Simpler, Faster, More Predictable
- The Silicon Valley ReactJS Meetup recently hosted Greg Hurrell ( wincent ) from Facebook Engineering.
Read the full article, click here.
@ReactiveConf: “Relay 2: Simpler, faster, more predictable: #ReactJS”
The Silicon Valley ReactJS Meetup recently hosted Greg Hurrell (wincent) from Facebook Engineering. Greg announced Relay 2’s features and…
Relay 2: Simpler, Faster, More Predictable – ZeeMee Engineering
- We don’t take the time to bring these concepts into focus, and this means that we treat the knowledge that we get about these – the recommendations – as received knowledge and we just follow those recommendations because someone smarter than us told us to.
- But not all recommendations work the same in different situations so I want to bring these concepts around performance into focus so you have a better understanding of the why behind each recommendation”
- Each month a Movio Crew squad takes control of the blog and pick a few of their recent favorite technology articles, which we share in the form of a brief extract and a link to the original content.
- Contributing author: Raghu Kasturi The theme of this tech digest is React and Redux, two technologies on the front-end that we’ve adopted across a few squads.
Read the full article, click here.
@MovioHQ: “Movio July Tech Digest focuses on @reactjs and #Redux – stories via @dan_abramov”
Welcome to the Movio Monthly Tech Digest. Each month a Movio Crew squad will take control of the blog and pick a few of their recent favorite technology articles, which we share here in the form of a brief extract and a link to the original content.
Movio July Tech Digest