Search
Animated Page Transitions in Gatsby Websites
21.5.2019
GatsbyJS is a React-based static site generator powered by GraphQL. It makes it possible for you to code and develop your site, while Gatsby transforms it into a directory with a s
10 React Challenges (Beginner): DOM Movement with Events
20.5.2019
Styling elements or in some instances, components in a React project is essential. Sometimes, you need to make a change in the style of an element bas
React Starter: Adding Sass to Create React App Applications
17.5.2019
Adding Sass is one of the first things most developers do when starting an application. Writing in plain CSS can be done, but Sas
Iterating a React Design with Styled Components
16.5.2019
In a perfect world, our projects would have unlimited resources and time. Our teams would begin coding with well thought out and highly refined UX designs. There would be consensus among developers about the best way to approach styling. There’d be one or more CSS gurus on the team who could ensure...
React Starter: Using Create React App to Make React Applications
15.5.2019
Usually when you create a React application, you’ll be creating a single page app (SPA). In order to make setting up single page apps easier, a CLI tool called
Deploying a Client-Side Rendered create-react-app to Microsoft Azure
10.5.2019
Deploying a React app to Microsoft Azure is simple. Except that... it isn’t. The devil is in the details. If you're looking to deploy a create-react-app — or a similar style front-end JavaScript framework that requires pushState-based routing — to Microsoft Azure, I believe this article will serve...
10 Days of React Challenges (Beginner): Show an Alert Based on an Input
10.5.2019
Events make the core of interactivity in JavaScript, from listening to form inputs, scroll events to button clicks. The knowledge of handling events in JavaScript is essential.
CodeP
10 React Challenges (Beginner): Show an Alert Based on an Input
10.5.2019
Events make the core of interactivity in JavaScript, from listening to form inputs, scroll events to button clicks. The knowledge of handling events in JavaScript is essential.
CodeP
10 React Challenges (Beginner): Use React State to Update the DOM
10.5.2019
A common theme in modern front-end JavaScript libraries/frameworks is that they can help you manage the data in your applications.
Once you update something, React can immediate
10 React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
10 React Challenges (Beginner): Display Simple Data with JSX
10.5.2019
One of the building blocks of React is the ability to use HTML elements when developing components.
JSX allows us to write simple markup in HT
10 Days of React Challenges (Beginner): Adding Calculator
10.5.2019
Storing data in a front-end application and reusing the stored data throughout the application or app component, is an essential piece of modern front-end applications.
CodePen Final
10 React Challenges (Beginner): Adding Calculator
10.5.2019
Storing data in a front-end application and reusing the stored data throughout the application or app component, is an essential piece of modern front-end applications.
CodePen Final
10 Days of React Challenges (Beginner): Use React State to Update the DOM
10.5.2019
A common theme in modern front-end JavaScript libraries/frameworks is that they can help you manage the data in your applications.
Once you update something, React can immediate
10 Days of React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
10 Days of React Challenges (Beginner): Display Simple Data with JSX
10.5.2019
One of the building blocks of React is the ability to use HTML elements when developing components.
JSX allows us to write simple markup in HT
New ECMAScript Modules in Node v12
9.5.2019
If you’re familiar with popular JavaScript frontend frameworks like React, Angular, etc, then the concept of ECMAScript won’t be entirely new to you. ES Modules have the import and
Naming things to improve accessibility
2.5.2019
I like the this wrap-up statement from Hidde de Vries:
In modern browsers, our markup becomes an accessibility tree that ultimately informs what our interface looks like to assistive technologies. It doesn’t matter as much whether you’ve written this markup:
in a .html file
in Twig, Handlebars...
create-react-app v3, What's new?
29.4.2019
When you're looking to setup your React developer environment, create-react-app is one of the go to ways to go about it. This package allows you to do so with minimal configuration as
PragueJS #4 – Build a fullstack GraphQL app with Prisma, Apollo and React
26.4.2019
Další z řady setkání PragueJS se blíží. 30. dubna si můžete přijít poslechnout tři zajímavé přednášky. První z nich bude od Pavla Kepky z Blueberry. Pavel nám vysvětlí proč by nás REST API…