18 posts found under,

react

Is Fiber ready yet? Yes, it is. Getting a little late to the react scene, I found it weird that people anticipated a feature so enthusiastically. I kept asking why people are not happy enough about the state of React at 15. Why not embrace 16 when it comes without so much anticipation? But people wanted it like Yesterday before it even arrived. Little did I know that React 16 is indeed a pack of awesomeness worth the anticipation and it is a comp [...]

The majority of software developers considers the co-existence of umpteen JavaScript toolings as a downside of the language and its community. Eventually, they get to pick a side on the tooling available for their work and start hating the others. These are people who think CSS-in-JS is a solution for people who do not understand CSS, people who think NPM is preposterous and only Yarn should be used simply because they never upgraded their NPM ve [...]

You may or may not know this already, but you can follow a functional approach when using React's setState(), We usually update our state just passing an object describing the changes we would like to make and let React assign those values and trigger an update, but... But... how? You can pass a function to setState() that takes state and props as params and returns your desired state, which React will use for the update. You can go from: // Incr [...]

Introduction Since I heard about snapshot testing at the 2017 React Europe conference, I was curious about this new tool for my daily testing. I must admit that I am a Mocha lover but Jest really caught my attention with this feature. At some point during testing, everyone has to print the expected result of the test and copy it to your test file. Now, with Jest snapshots, this is not required anymore. Jest will save the expected result for us. Y [...]

This final video explains how to connect Redux to React and how to apply the middleware Redux Thunk to be able to delay the execution of each action. Pass down the functions made in actions through props. Then, apply an onclick function to the button to call the action that gets information from the API. Source: https://github.com/danyonsatterlee/youtube-examples/tree/master/color-fun Series overview: API Calls in React/Redux Part 1 — Introd [...]

This video walks through how to set up the actions and reducers for Redux in React. Learn how to set up a function in actions to call the API using Axios. Export the functions to the reducers to set up a default state. Source: https://github.com/danyonsatterlee/youtube-examples/tree/master/color-fun Series overview: API Calls in React/Redux Part 1 — Introduction API Calls in React/Redux Part 2 — Setting up Axios API Calls in React/Redux Part [...]

This video walks through downloading the correct packages using the terminal to set up a React Redux application. We will also download the Axios package to help get information from the API. Set up a container and component with a button. Finally, stylize the project before adding logic in the next video. Source: https://github.com/danyonsatterlee/youtube-examples/tree/master/color-fun Series overview: API Calls in React/Redux Part 1 — Intr [...]

This video introduces how to look up information from an API. We use the colr.org API for this tutorial. Learn how to make a GET request. Finally we will decode the JSON information from a given end point using the tool Postman. Source: https://github.com/danyonsatterlee/youtube-examples/tree/master/color-fun Series overview: API Calls in React/Redux Part 1 — Introduction API Calls in React/Redux Part 2 — Setting up Axios API Calls in React/ [...]

Animation is king in the 21st century. When you look around, you could almost see real world objects interpreting as digital animations. Ever noticed how futuristic movies have moving images in newspapers? Or the animated hologram commercials on streets? This is because businesses cannot and will not resist leveraging on the attention and attraction of humans to moving objects. Marketing has been the biggest income generator for businesses... The [...]

Overcome your JavaScript tooling fears and build a modern front end for your Rails app. Set up, build and deploy a Rails/React SPA with front end routing that still relies on good old ActiveRecord with absolutely no time wasted on configuration. (If you prefer to go to the repo right away, follow this link) You do not have to to be afraid of JavaScript anymore From inside of Ruby/Rails “omakase” bubble, modern JavaScript territory looks like the [...]

Scale your
Development team

We help you execute projects by providing trusted developers who can join your team and immediately start delivering high-quality code.

Hire Developers
react