Search

Nalezeno "React": 502

Building a Real-Time Chat App with React and Firebase


In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database...

CSS2JS


To add inline styles on an element in JSX, you have to do it in this object syntax, like: <div style={{ fontSize: 16, marginBottom: "1rem" }}Content </div That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...

React Suspense in Practice


This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing and data loading with Suspense in React. For routing, I'll be using vanilla JavaScript, and I'll be using my own micro-graphql-react GraphQL...

Collective #596


Using Redux with React * Utopia * Midori * Pure CSS Landscape * Why Svelte * Snapfont Collective #596 was written by Pedro Botelho and published on Codrops

What React Does (and Doesn’t Do)


With a name as big as React, it's bound to cause some Stream-Crossing Confusion, as I like to call it. How do you center a <div> in React? Dave Ceddia: React cares exactly zero about styling. Think of it as generating the barebones HTML. React will put elements on the page, but everything...

How We Created a Static Site That Generates Tartan Patterns in SVG


Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan patterns (as SVG and PNG files), taking care to filter out any that have explicit usage restrictions. The idea was cooked up by Sylvain...

Considerations for Creating a Card Component


Here's a Card component in React: const Card = props ={ return( <div className="card"<h2{props.title}</h2<p{props.content}</p</div) } It might be pretty useful! If you end up using this thing hundreds of times, now you have the ability to refactor a little bit of HTML...

Crypto Leaders React as Warren Buffett Calls Crypto Worthless


Financial tycoon and Chairman of Berkshire Hathaway, Warren Buffett, stated that cryptocurrencies have zero value in an interview with CNBC. In response to an audience question asking whether Justin Sun (Founder of TRON) changed his mind on cryptocurrencies, Buffett said: “Cryptocurrencies...

Crypto Leaders React as Warren Buffett Calls Crypto Worthless


Financial tycoon and Chairman of Berkshire Hathaway, Warren Buffett, stated that cryptocurrencies have zero value in an interview with CNBC. In response to an audience question asking whether Justin Sun (Founder of TRON) changed his mind on cryptocurrencies, Buffett said: “Cryptocurrencies...

Workshop React Best Practices


Ovládněte React na jedničku. Pro všechny JavaScript a Frontend vývojáře je určen workshop s názvem „React Best Practices“, který je posune na další level. Především díky spoustě praktických příkladů rychleji pochopí koncepty. Kromě…

Why JavaScript is Eating HTML


Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom about how a web page should be made. It is exciting for some but frustrating for others, and the reasons for both are difficult to explain. A...

The Unseen Performance Costs of Modern CSS-in-JS Libraries


This article is full of a bunch of data from Aggelos Arvanitakis. But lemme just focus on his final bit of advice: Investigate whether a zero-runtime CSS-in-JS library can work for your project. Sometimes we tend to prefer writing CSS in JS for the DX (developer experience) it offers, without...

The Hooks of React Router


React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are looking for a quick primer on the new patterns of React Router. But before we look at hooks, we will start off with a new route rendering...

Getting Acquainted With Svelte, the New Framework on the Block


For the last six years, Vue, Angular, and React have run the world of front-end component frameworks. Google and Facebook have their own sponsored frameworks, but they might leave a bitter taste for anyone who advocates for an open and unbiased web. Vue is another popular framework that...

The Three Types of Code


Every time I start a new project, I organize the code I’m looking at into three types, or categories if you like. And I think these types can be applied to any codebase, any language, any technology or open source project. Whether I’m writing HTML or CSS or building a React component, thinking...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace