Search
The Kind of Development I Like
18.11.2019
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
18.11.2019
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
15.11.2019
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
12.11.2019
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
11.11.2019
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
8.11.2019
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
7.11.2019
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
5.11.2019
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
5.11.2019
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
1.11.2019
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
31.10.2019
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...
It’s All In the Head: Managing the Document Head of a React Powered Site With React Helmet
30.10.2019
The document head might not be the most glamorous part of a website, but what goes into it is arguably just as important to the success of your website as its user interface. This is, after all, where you tell search engines about your website and integrate it with third-party applications like...
Altcoins React on BTC’s Sudden Surge, Some Major Coins Post Double-Digit Gains
25.10.2019
Following Bitcoin’s sudden jump earlier in the day, altcoin markets have also entered the green zone
The Landscape of Cross-Platform App Development
25.10.2019
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
24.10.2019
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
23.10.2019
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...
Get the Complete Intro to Web Development and Intro to React (with Hooks!) with Brian Holt ????
17.10.2019
(This is a sponsored post.)
Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️!
Have you checked out Brian Holt's courses yet? His most popular courses are the "Complete Intro" courses which give you the lay of the land in Web Development as well as...
Recipes for Performance Testing Single Page Applications in WebPageTest
10.10.2019
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
3.10.2019
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
2.10.2019
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...