Shineyrock
web design & consultancy
Shineyrock
Gezocht op: "me" / 1367 gevonden
A Gentle Introduction to HOC in React: Learn by Example
…mentable. With HOCs, you can abstract redundant code into a layer of higher order. However, like any other patterns out there, it will take some time to get used to HOCs. This tutorial will help you bridge that gap. PrerequisiteI recommend that you follow the first part of the series…
Challenge: Build a React Component
…me walk you through the solution.Challenge: Build a React Component The ChallengeIn this challenge, you need to build a React component for displaying a Twitter avatar. As you can see from the CodePen below, it just takes props.handle and prints out a little URL in an image tag. Very simple.…
A Gentle Introduction to Higher-Order Components in React: Best Practices
…me best practices and dos and don'ts that you should look into while writing HOCs. IntroductionReact previously had something called Mixins, which worked great with the React.createClass method. Mixins allowed developers to share code between components. However, they had some drawbacks, and the idea was dropped eventually. Mixins were not…
10 Things Men Can Do to Support Women in Tech
…men succeed in male-dominated workplaces, there is precious little information designed to help men modify their attitude and behaviour in order to promote gender equality at work. This is a problem because, let’s face it, women will never achieve equity in the workplace or in life if they’re the only gender working…
JWT Authentication in Django
…ment JWT authentication in Django.What Is JWT? JWT is an encoded JSON string that is passed in headers to authenticate requests. It is usually obtained by hashing JSON data with a secret key. This means that the server doesn't need to query the database every time to retrieve the user…
Getting Started With the Mojs Animation Library: The Burst Module
…ments using mojs. In the second tutorial, we moved on to animation of built-in SVG shapes using the Shape module. The third tutorial covered more ways of animating SVG shapes using the ShapeSwirl and stagger modules.Now, we will learn how to animate different SVG shapes in a burst formation using…
Deploy PHP Web Applications Using Laravel Forge
…ment and production, they are keen to have a script that makes their workflow easier. This is also the case with deployment. The process of pushing the final build and deploying the app should be as easy as pressing a Deploy now button, but that is not what happens most…
Challenge: Create a To-Do List in React
…ments, nothing happens. If I click Finish, the text on the button doesn't change as it should. And I can still select text in the input fields and, if I could actually make changes, it would be editableAll of that needs to be wired up correctly. And that's your challenge!…
Modern Web Scraping With BeautifulSoup and Selenium
…ment that cleanly separates the structure of a page from its look and feel. JavaScript adds some pizazz. That's the theory. The real world is a little different. In this tutorial, you'll learn how the content you see in the browser actually gets rendered and how to go about scraping…
Creating an Image Editor Using CamanJS: Creating Custom Filters and Blend Modes
…me basic effects like brightness, contrast, and 18 other more complicated filters with names like Vintage, Sunrise, etc. They were all easy to apply, but we were not in full control of the individual pixels of the image we wanted to edit.In the second tutorial, we learned about layers and…