Search

Nalezeno "react": 502

The Kind of Development I Like


I'm turning 40 next year (yikes!) and even though I've been making websites for over 25 years, I feel like I'm finally beginning to understand the kind of development I like. Expectedly, these are not new revelations and my views can be summed up by two older Computer Science adages that pre-date...

Collective #566


Supermaya * Masks * Gifolio * Build your own React * SWR * First Commit * Fresh Folk Collective #566 was written by Pedro Botelho and published on Codrops

How We Perform Frontend Testing on StackPath’s Customer Portal


Nice post from Thomas Ladd about how their front-end team does testing. The list feels like a nice place to be: TypeScript - A language, but you're essentially getting various testing for free (passing the right arguments and types of variables) Jest - Unit tests. JavaScript functions are doing...

React Hooks, které potřebujete znát


React s verzí 16.8 přináší zásadní novinku, a tou jsou Hooks, které mají přinést řešení pro hned 3 největší problémy, se kterými se v Reactu potýkáme. Implementace komponent pomocí tříd, sdílení logiky, nepraktický způsob práce s životním cyklem komponent. Představíme vám React Hooks a na konci...

Collective #564


GSAP 3 * React Conf 2019 * :is() selector * Paged.js * Day as a Dev * Scroll Snap in CSS Collective #564 was written by Pedro Botelho and published on Codrops

Working with Fusebox and React


If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default (although webpack will offer...

Collective #563


Game Off 2019 * Pure CSS Lace * The Svelte Handbook * GraphQL Crash Course * React Query Collective #563 was written by Pedro Botelho and published on Codrops

Show Search Button when Search Field is Non-Empty


I think the :placeholder-shown selector is tremendously cool. It allows you to select the placeholder of an input (<input placeholder="...">) when that placeholder is present. Meaning, the input does not yet have any value. You might think input[value] could do that, or help match on...

Making a Chart? Try Using Mobx State Tree to Power the Data


Who loves charts? Everyone, right? There are lots of ways to create them, including a number of libraries. There’s D3.js, Chart.js, amCharts, Highcharts, and Chartist, to name only a few of many, many options. But we don’t necessary need a chart library to create charts. Take Mobx-state-tree (MST)...

Become a Front-End Master in 2020 With These 10 Project Ideas


This is a little updated cross-post from a quickie article I wrote on DEV. I'm publishing here 'cuz I'm all IndieWeb like that. I love this post by Simon Holdorf. He's got some ideas for how to level up your skills as a front-end developer next year. Here they are: Build a movie search app using...

It’s all up to you


CoinMarketCap Daily Newsletter Your daily newsletter for 30 October, 2019 In control “Life is 10% what happens to you and 90% how you react to it.” – Charles R. Swindoll Happy midweek! Grab your cuppa tea and dive right into today's very […] The post It’s all up to you appeared first...

The Landscape of Cross-Platform App Development


I don't track this stuff very well, but I get it. If you want a native app for Android and iOS, it sure would be nice to only have to write it once rather than two very different languages. Roughly double your reach without doubling the work. More and more of these things are reaching into desktop...

Understanding How Reducers are Used in Redux


A reducer is a function that determines changes to an application’s state. It uses the action it receives to determine this change. We have tools, like Redux, that help manage an application’s state changes in a single store so that they behave consistently. Why do we mention Redux when talking...

What I Like About Writing Styles with Svelte


There’s been a lot of well-deserved hype around Svelte recently, with the project accumulating over 24,000 GitHub stars. Arguably the simplest JavaScript framework out there, Svelte was written by Rich Harris, the developer behind Rollup. There’s a lot to like about Svelte (performance, built-in...

Recipes for Performance Testing Single Page Applications in WebPageTest


WebPageTest is an online tool and an Open Source project to help developers audit the performance of their websites. As a Web Performance Evangelist at Theodo, I use it every single day. I am constantly amazed at what it offers to the web development community at large and the web performance folks...

Collective #554


Preact X * Framer Guide to React * Inertia.js * Same-Site Cookies By Default * react-genie Collective #554 was written by Pedro Botelho and published on Codrops

Demonstrating Reusable React Components in a Form


Components are the building blocks of React applications. It’s almost impossible to build a React application and not make use of components. It’s widespread to the point that some third-party packages provide you with components you can use to integrate functionality into your application. These...

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