Search

Nalezeno "React": 534

React Starter: Getting Started with React (2019 Edition)

18.3.2019
React is the uber popular JavaScript library that is almost everywhere you look these days. Learning React opens up a whole new way to build front-end experiences like websites, mobile apps, and mo

Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements

15.3.2019
The popularity of CSS-in-JS has mostly come from the React community, and indeed many CSS-in-JS libraries are React-specific. However, Emotion, the most popular library in terms of npm downloads, is framework agnostic. Using the shadow DOM is common when creating custom elements, but there’s...

Add Animations to React Apps with React-Lottie

13.3.2019
So your designer just came up with an amazing new animation on Adobe After Effects for your web application, fantastic! Just one problem, how do you convert this to a format usable within your web

Accessibility is not a “React Problem”

11.3.2019
Leslie Cohn-Wein's main point: While [lots of divs, inline styles, focus management problems] are valid concerns, it should be noted that nothing in React prevents us from building accessible web apps. True. I'm quite capable (and sadly, guilty) of building inaccessible interfaces with React...

Using React Loadable for Code Splitting by Components and Routes

7.3.2019
In a bid to have web applications serve needs for different types of users, it’s likely that more code is required than it would be for one type of user so the app can handle and adapt to different scenarios and use cases, which lead to new features and functionalities. When this happens, it’s...

The Client/Server Rendering Spectrum

6.3.2019
I've definitely been guilty of thinking about rendering on the web as a two-horse race. There is Server-Side Rendering (SSR, like this WordPress site is doing) and Client-Side Rendering (CSR, like a typical React app). Both are full of advantages and disadvantages. But, of course, the conversation...

Building a Universal Application with Nuxt.js and Django

6.3.2019
Introduction The advent of modern JavaScript libraries such as React.js and Vue.js has transmogrified Front-end web development for the better. These libraries ship with wonderful features

Writing Tests for React Applications Using Jest and Enzyme

1.3.2019
While it is important to have a well-tested API, solid test coverage is a must for any React application. Tests increase confidence in the code and helps prevent shipping bugs to users. That’s why we’re going to focus on testing in this post, specifically for React applications. By the end, you’ll...

Why CSS Needs its Own Survey

1.3.2019
2016 was only three years ago, but that’s almost a whole other era in web development terms. The JavaScript landscape was in turmoil, with up-and-comer React — as well as a little-known framework called Vue — fighting to dethrone Angular. Like many other developers, I felt lost. I needed some...

Collective #496

28.2.2019
Zero Server * React-three-fiber * Subsync * Space Type Generator * FrenchKiss.js * The CSS mental model Collective #496 was written by Pedro Botelho and published on Codrops

WorldWideWeb

27.2.2019
For the 30th anniversary of the web, CERN brought nine web nerds together to recreate the very first web browser — Or a working replication of it anyway, as you use it from your web browser, inception style. Well done, Mark Boulton, John Allsopp, Kimberly Blessing, Jeremy Keith, Remy Sharp...

Collective #495

25.2.2019
Progressive React * Try GraphQL * Tech Productivity * personal-website * Onelineplayer * Pure CSS Drawing Essentials Collective #495 was written by Pedro Botelho and published on Codrops

Build an Infinite Scroll Image Gallery with React, CSS Grid and Unsplash (Solution to Code Challenge #16)

25.2.2019
Last week on the code challenge we set out to build an image gallery with Infinte Scroll and consuming the Unsplash API. You can complete the challenge here if you haven't. In this post, we

Build Mobile-Friendly Web Apps with React Native Web

21.2.2019
Over the years, building web applications that are mobile friendly has become easier with the advent of media queries and the introduction of service workers. Using media queries, we could make web

The Magic of React-Based Multi-Step Forms

15.2.2019
One way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe another, and so on and so forth. We often refer to these as multi-step forms (for obvious reasons), but others also take to calling it a “wizard”...