GameGamer43 + react   242

How to properly test React Components – ITNEXT
Do your tests fail even with a little change of code? Do you mock heavily? Are you testing function calls and component state all the time? Well, you probably doing it wrong.
React  React.js  ReactJS  javascript  javascript_Testing 
16 days ago by GameGamer43
Making Sense of React Hooks – Dan Abramov – Medium
This week, Sophie Alpert and I presented the “Hooks” proposal at React Conf, followed by a deep dive from Ryan Florence:
javascript  React  React.js  ReactJS 
16 days ago by GameGamer43
Evergreen
Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.
GitHub_Repos  React  React.js  ReactJS  Segment.com 
4 weeks ago by GameGamer43
How To Set Up A CSS Architecture For React Apps – Mark Muskardin – Medium
TL;DR — How you lay the foundation for the styling of your application is one of the most important aspects of Web development. In this article, you will be introduced to a high level overview of what goes into a scalable CSS architecture for a large-scale SAAS (Software As A Service) product developed with React.
CSS  React  React.js  ReactJS 
5 weeks ago by GameGamer43
Pure React
Learn React, start to finish.
An easy intro to React for beginners.
React  React.js  ReactJS  javascript  programming_books 
5 weeks ago by GameGamer43
Render Caching for React | CSS-Tricks
Server Side Rendering (SSR) is a very useful technique that makes web apps appear faster. The initial HTML is displayed before the JavaScript is parsed and, while the user is deciding what to tap on, our handlers are ready.
CSS-Tricks.com  React  React.js  ReactJS  web_development 
10 weeks ago by GameGamer43
React Proto
React prototyping for designers and developers
GitHub_Repos  React  React.js  ReactJS 
10 weeks ago by GameGamer43
Using the React DevTools Profiler to Diagnose React App Performance Issues | Netlify
The latest version of the React DevTools (released on Aug 23) offers a powerful new tool to detect and diagnose performance issues in your React app: the new Profiler tab! This post describes how we recently used the Profiler to quickly diagnose and fix a known and long-standing performance issue in the clientside display of our server logs on app.netlify.com.
React  React.js  ReactJS  javascript  Netlify.com 
11 weeks ago by GameGamer43
Combining HOCs with the new React’s Context API – ITNEXT
React has recently released a minor version (16.3) that includes a ‘stable’ version of the hyped Context API. The reason why it’s so hyped is that React gave developers early access to the ‘beta’ version of the API. It’s now officially supported by their team and its usage is highly recommended.
React  React.js  ReactJS  javascript 
11 weeks ago by GameGamer43
Learn Render Props by Example – DSC Engineering
To be honest, React’s render props technique didn’t make sense to me until I saw a practical example, so let’s dive in! Or you can TLDR;
DollarShaveClub_Engineering  React  React.js  ReactJS  javascript 
12 weeks ago by GameGamer43
AJAX Requests in React: How and Where to Fetch Data
One of the first questions new React developers have is, “How do I do AJAX requests in React?” a.k.a. “How do I make API calls in React?”
React  React.js  ReactJS  javascript 
12 weeks ago by GameGamer43
How to fetch data in React - RWieruch
Newcomers to React often start with applications that don’t need data fetching at all. Usually they are confronted with Counter, Todo or TicTacToe applications. That’s good, because data fetching adds another layer of complexity to your application while taking the first steps in React.
Robin_Wieruch  React  React.js  ReactJS  javascript 
12 weeks ago by GameGamer43
i18n in React: dates, reactive translations and huge dictionaries
We have recently integrated react-i18next (which is basically a wrapper around i18next) into one of our big projects. The process was almost straightforward and went smoothly with just few nuances which I’m going to explain in details in this article.
Localization  React  React.js  ReactJS 
12 weeks ago by GameGamer43
React's Render Props Pattern - RWieruch
The concept of children as a function or child as a function, also called render prop in general, is one of the advanced patterns in React (next to higher-order components). The components which implement this pattern could be called render prop components. In this tutorial, you will learn everything about React’s render prop pattern. Along the way, you will implement a currency converter in React, see how the render prop pattern can be compensated with alternative patterns in React too, but then how it can be solved with a render prop component. Afterward, the usage of the render prop pattern should be clear and there shouldn’t be any confusion about children as a function, render prop or render prop components left.
Robin_Wieruch  React  React.js  ReactJS 
12 weeks ago by GameGamer43
How to create PDFs from React components [client side solution]
If you have ever dealt with a B2B dashboard app, you know that businesses love reports in pdf format.
React  React.js  ReactJS  PDF 
12 weeks ago by GameGamer43
Integrate Custom Elements into React app – codeburst
Web Components in React with support in all popular browsers, including IE 11
javascript  React  React.js  ReactJS 
august 2018 by GameGamer43
3 easy steps to writing compound components – Hacker Noon
After implementing my first compound component in React, I’m officially addicted to this pattern. As the self-proclaimed expert on the matter (actually I learned from Ryan Florence and his talk on compound components), I’m going to teach you how to learn the best advanced React pattern out there in a few simple steps. Why? Because you deserve a better codebase!
HackerNoon  HackerNoon.com  React  React.js  ReactJS  javascript 
august 2018 by GameGamer43
Create React App: A quick setup guide – LogRocket
Create React App is one the most popular tools for creating React app.
React  React.js  ReactJS  LogRocket 
july 2018 by GameGamer43
JavaScript fundamentals before learning React - RWieruch
After all my teachings about React, be it online for a larger audience or on-site for companies transitioning to web development and React, I always come to the conclusion that React is all about JavaScript. Newcomers to React but also myself see it as an advantage, because you carry your JavaScript knowledge for a longer time around compared to your React skills.
javascript  React  React.js  ReactJS 
july 2018 by GameGamer43
Using React’s context API to provide a localization toolbox for your components
A brief overview of how to format time and numbers, how to make it relevant to a specific locale, and how to make it all easy with React’s context API.
React  React.js  ReactJS  javascript  WooRank  Localization 
july 2018 by GameGamer43
You Probably Don't Need Derived State - React Blog
React 16.4 included a bugfix for getDerivedStateFromProps which caused some existing bugs in React components to reproduce more consistently. If this release exposed a case where your application was using an anti-pattern and didn’t work properly after the fix, we’re sorry for the churn. In this post, we will explain some common anti-patterns with derived state and our preferred alternatives.
Brian_Vaughn  React  React.js  ReactJS  javascript 
july 2018 by GameGamer43
Tutorial: Simple React Redux App – ITNEXT
What we gonna create :). I had used it creat-react-app for generate the scaffold.
React  React.js  ReactJS  Redux 
june 2018 by GameGamer43
Build a Reusable Design System With React
React has done a lot to simplify web development. React's component-based architecture makes it easy in principle to decompose and reuse code. However, it's not always clear for developers how to share their components across projects. In this post, I'll show you some ways to fix that.
Nettuts+  React  React.js  ReactJS 
june 2018 by GameGamer43
How to use React’s experimental new Profiler feature
React 16.4.0 was recently released! 🎉 🎉 🎉 And it’s times like this that you realize how much of a JavaScript nerd you are for getting excited about minor version releases of your favourite framework. Welp!
React  React.js  ReactJS  javascript 
june 2018 by GameGamer43
Managing state in React with Unstated
State management in JavaScript applications has always been a developer pain point. React is no exception. The simplest way to manage state in react is its built-in component state API - setState. But it is often insufficient in handling the requirements of complex applications. That's where different solutions come in - Flux was one of the first, then came Redux and swept everyone off their feet. Another big one is MobX. But these solutions have their own ways of doing things, their own concepts and best practices that you need to wrap your head around before using them. If you are tired of all the tedious setup and boilerplate code needed to work with libraries like Redux, then Unstated might be the solution you have been looking for.
React  React.js  ReactJS  javascript 
june 2018 by GameGamer43
Moving from create react app to Gatsby.js | Khaled Garbaya
create-react-app is a build cli, it helps you bootstrap a new react app without the need to configure tools. Like Webpack or Babel.
Gatsby.js  React  React.js  ReactJS  javascript 
june 2018 by GameGamer43
React unit testing series (Part 1) – Yashika Garg – Medium
This blog is going to have two parts:

Basics about unit testing, testing frameworks and DOM interaction libraries
Bursting myths about Jest testing framework. (Yet to come)
React  React.js  ReactJS  javascript 
june 2018 by GameGamer43
Building Reusable React Components – Bits and Pieces
How to build reusable components in React along with some of the best practices to follow
React  React.js  ReactJS  javascript  bitsrc.io 
may 2018 by GameGamer43
Build Awesome Forms In React Using Redux-Form – Bits and Pieces
Redux-Form is yet another awesome Redux library that gives us a new way to manage the state of our forms in the React App.
javascript  React  React.js  ReactJS  Redux  bitsrc.io 
may 2018 by GameGamer43
Introduction · React in patterns
A book about common design patterns used while developing with React. It includes techniques for composition, data flow, dependency management and more.
programming_books  GitHub_Repos  React  React.js  ReactJS  javascript 
may 2018 by GameGamer43
5 Tools For Faster Development In React – Bits and Pieces
5 tools to speed the development of your React UI components and applications.
React  React.js  ReactJS  javascript 
may 2018 by GameGamer43
How to create a React component to publish on NPM? | Front-End Insights
After writing my post about role-based authorization using react-router I decided to implement the whole solution as a standalone component and publish it on NPM. To do so, I had to learn several new things about creating and testing such components. I also published to NPM for the first time. This is why I think it’s good to share my experience on the subject with you and show you how to create a React component to publish on NPM!
javascript  npm  React  React.js  ReactJS 
may 2018 by GameGamer43
React: The Virtual DOM | Codecademy
DOM manipulation is the heart of the modern, interactive web. Unfortunately, it is also a lot slower than most JavaScript operations.
CodeAcademy  javascript  React  React.js  ReactJS 
may 2018 by GameGamer43
React.js: Communication between Components with Contexts | Jscramber Blog
For the past few months we’ve been using React.js here at JScrambler. We may even write about it again in the future, but this post is a short piece about a specific and very interesting React feature.
React  React.js  ReactJS 
may 2018 by GameGamer43
Context - React
Context provides a way to pass data through the component tree without having to pass props down manually at every level.
React  React.js  ReactJS 
may 2018 by GameGamer43
Optimizing React: Virtual DOM explained — Martian Chronicles, Evil Martians’ team blog
Learn about React’s Virtual DOM and use this knowledge to speed up your applications. In this thorough beginner-friendly introduction to framework’s internals, we will demystify JSX, show you how React makes rendering decisions, explain how to find bottlenecks, and share some tips to avoid common mistakes.
javascript  React  React.js  ReactJS 
may 2018 by GameGamer43
Home - Proton Native - React Native for the desktop, cross compatible
Create native desktop applications
through a React syntax, on all platforms.
javascript  React  React.js  ReactJS 
may 2018 by GameGamer43
Blogged Answers: Redux - Not Dead Yet! · Mark's Dev Blog
I'm a Redux maintainer. There's been a lot of confusion, claims, and misinformation about Redux going around lately, and I want to help clear things up.
Redux  React  React.js  ReactJS  javascript 
may 2018 by GameGamer43
React context API Tutorial | JS-Craft Academy
Hello and welcome! A few days ago React 16.3 was released and alongside other things it also delivered a new React context API. The scope of this tutorial it will be to see in action this new React context API.
javascript  React  React.js  ReactJS 
may 2018 by GameGamer43
A complete React with GraphQL Tutorial - RWieruch
I am writing a React GraphQL book which I want to release in the next months. If you are interested on following me on this journey or grabbing a copy of the book as one of its first readers, head over here to receive updates about it. Otherwise, I encourage you to leave me any feedback for improving the content. You can even contribute to it by editing this article on GitHub. After all, I want to produce a high quality book which should enable people to learn about GraphQL in React similar to The Road to learn React.
React  React.js  ReactJS  GraphQL  javascript 
april 2018 by GameGamer43
Ejaz Bawasa - Diving into ReactJS
The minimalist guide to getting started with React.
React  React.js  ReactJS  javascript 
april 2018 by GameGamer43
Making of a component library for React – Hacker Noon
Some time ago I decided to make an article that covers topics like publishing to NPM, API architecture. Best tutorial for this would be a react component library development.
React  React.js  ReactJS  HackerNoon  HackerNoon.com  javascript 
march 2018 by GameGamer43
Tutorial: How to make HTTP Requests in React, Part 3
Now we’re getting to the good part! So far, we’ve set up a new React application using create-react-app, and we’ve wired up our component to log ‘Success!’ when we click the button. Now, we need to make the actual HTTP request.
HackerNoon  HackerNoon.com  React  React.js  ReactJS 
march 2018 by GameGamer43
Easy MobX and Redux Comparison | Leigh Halliday
In this article/video we'll start with a simple React app made with create-react-app that uses component state (setState) as its state management. We'll then take it from component state to MobX, and then again from component state to Redux. During the process we'll see what is similar and different between the two approaches.
Redux  javascript  React  React.js  ReactJS  MobX 
march 2018 by GameGamer43
Redux Fundamentals: using Redux with React (part one) — JavaScript Fatigue
In my last post I highlighted how to create and use a Redux store. That was really the last important detail about Redux itself that we needed to cover before getting into how to use Redux in an actual React app.
React  React.js  ReactJS  Redux  javascript 
march 2018 by GameGamer43
Extending React — JavaScript January
I work with React every single day. I try my best to follow various guides, discussions , videos, blog posts, personal learnings, etc in order to write good and maintainable code, yet I've rarely had to dig into the framework like I've had to for other types of frameworks and libraries in order to achieve the same goal. I really appreciate this about React. After just learning the foundations, like props and state, classes vs stateless components, and a little about lifecycle methods you are already on your way to writing a decent React app.
javascript  React  React.js  ReactJS 
march 2018 by GameGamer43
Finally understand Redux by building your own Store
Redux is an interesting pattern, and at its core a very simple one - but why does it feel complex to understand? In this post, we’re going to dive into the core Redux concepts and understand the internal mechanics of a Store.
Redux  React  React.js  ReactJS  javascript 
march 2018 by GameGamer43
Beginner’s Guide to React Router 4 – freeCodeCamp
React is a JavaScript library for building user interfaces. With the React paradigm, every piece of the UI is a component that manages its own self-contained state (data) and functions.
FreeCodeCamp  Freecodecamp.com  React.js  React  ReactJS  javascript 
march 2018 by GameGamer43
How exactly does React handle events? – gitconnected
You’re using it. You’re liking it. But did you know what React’s event handler is doing under the hood?
React  React.js  ReactJS  ReactNative  javascript 
march 2018 by GameGamer43
How I spent my Christmas enabling SSR – Hacker Noon
In recent years the idea of the PWA (progressive web apps) has grown massively. Several of the major JavaScript boilerplate libraries have made changes to be more compliant (create-react-app for example).
HackerNoon  HackerNoon.com  javascript  React  React.js  ReactJS 
march 2018 by GameGamer43
How Do We Even JS? (The Components of Nylas's Javascript Stack)
What we learned from trying out all of the latest tools and practices the React community has been shifting towards.
Nylas  React  React.js  ReactJs 
march 2018 by GameGamer43
React Starter Kit - Learn React with this free interactive course
A free, 5-part video course with interactive code examples that will help you learn React.
React  React.js  ReactJS  javascript 
march 2018 by GameGamer43
Replacing redux with the new React context API
The new context API coming with React 16.3 is pretty neat. It was built in the render props style trending last months. Let’s explore it:
React  React.js  ReactJS  Redux  javascript 
march 2018 by GameGamer43
RIP Redux: Dan Abramov announces future fetcher API
At JSConf 2018 in Iceland the mastermind behind the Redux JavaScript state management library, Dan Abramovich, announced his replacement for Redux called Future-Fetcher. This follows the trend of developers abandoning the once-popular library due to it's complexity, opting for simpler solutions like MobX.
Redux  React  React.js  ReactJS  Dan_Abramovich 
march 2018 by GameGamer43
Use TypeScript to develop React Applications from @basarat on @eggheadio
React provides are powerful paradigm for creating UI applications with JavaScript. TypeScript can greatly increase the maintainability of React applications by opening up sytax for self documenting code.

In this course we will cover how to setup a React application with TypeScript and use TypeScirpt for React applications
React  React.js  ReactJS  TypeScript  Egghead.io 
march 2018 by GameGamer43
Start Learning React from @joemaddalone on @eggheadio
React is a "javascript library for building user interfaces" from the fine folks at Facebook & Instagram. It strictly focuses on the "V" in your MVC applications, and touts a blazing fast virtual DOM diff implementation.

This series will explore the basic fundamentals of React to get you started.

When you've finished with this series, be sure to check out React: Flux Architecture (ES6) for real-world React application development.
React  React.js  ReactJS  Egghead.io  javascript 
march 2018 by GameGamer43
Code Daily - Screencast - Understanding setState in componentDidMount to Measure Elements Without Transient UI State
In this lesson we'll explore using setState to synchronously update in componentDidMount. This allows for us to use getBoundingClientRect or other synchronous UI calls and make changes to the UI without a transient UI state.
React  React.js  ReactJS 
march 2018 by GameGamer43
Code Daily - Screencast - Use Yarn Workspaces to Share Code with a create-react-app and create-react-native-app in a Monorepo
In this lesson we'll use yarn and yarn workspaces to create a monorepo that includes a web creat-react-app, a react-native app, and shared code. We'll use react-app-rewired and react-app-rewire-babel-loader to rewire the create-react-app configuration to allow babel to process the shared code from workspace. We'll also use crna-make-symlinks-for-yarn-workspaces and metro-bundler-config-yarn-workspaces to configure the react-native app to be able to find the shared code in the workspaces.
Yarn  javascript  React  React.js  ReactJS  ReactNative 
march 2018 by GameGamer43
React Sketch.app: backstory and full vision
A conversation with Jon Gold, the creator of React Sketch.app
React  React.js  ReactJS  Sketch.app 
march 2018 by GameGamer43
9 React Tools To Master Your Component Workflow – Bits and Pieces
Stack overflow’s survey for 2017 ranked React as the most popular technology, and the one most loved by developers around the world.
React  React.js  ReactJS  BitSrc.io 
march 2018 by GameGamer43
Building a blog with Gatsby, React and Webtask.io!
Building a blog with Gatsby, the React based static content generator. Using Webtask.io, the serverless endpoint service to provide a backend API.
React  React.js  ReactJS  Gatsby.js  Auth0.com 
march 2018 by GameGamer43
React's new Context API
Have you heard of the context API in React? If you've heard of it, are you like many others afraid to use it directly because you saw this in the official docs:
React  React.js  ReactJS  KentCDodds  javascript 
february 2018 by GameGamer43
Integrating imperative APIs into a React application
The Netflix TV app plays videos not only when users choose to watch a title, but also while browsing to find something great to enjoy. When we rewrote our TV user interface in React, we set out to improve the developer experience of integrating video playback into the UI so we could more rapidly experiment with various video-centric user experiences.
React  React.js  ReactJS  javascript  Netflix_Tech_Blog  Netflix 
february 2018 by GameGamer43
Pro Dev Mentor - Redux Demystified
Today we’re going to look at Redux. Redux is a popular tool to use with React. We’re going to explore the topic and talk about why you should consider using it.
Redux  React  React.js  ReactJS  javascript 
february 2018 by GameGamer43
How to use React Lifecycle Methods » Andreas Reiterer
React lifecycle methods can be confusing if you don’t know which one to use for your particular use case. Today I’m going to show you, which lifecycle methods exist, and how to use them correctly.
javascript  React  React.js  ReactJS 
february 2018 by GameGamer43
React, the boring but important parts | Assim's Blog
Hi ! This is the first post of the series Writing a book, one blog post at a time. If you don’t know what this is about and WANT to learn more about this challenge, please refer to the first post, or signup to my newsletter down below and join the journey (+100 developers have already signed up).
React  React.js  ReactJS  javascript 
february 2018 by GameGamer43
Mastering the React Lifecycle Methods
React components encapsulate parts of the UI. Your full React application UI is rendered as a tree of many nested components. Depending on the flow of the applications, individual components need to perform some tasks before and after rendering as well as before and after updating.
SItepoint  React  React.js  ReactJS  javascript 
february 2018 by GameGamer43
React, Redux and JavaScript Architecture
Whether you use them or not, React and Redux are important. They have changed the way we think about structuring front-end web applications. They can be very powerful. But they are not magic. JavaScript code does not automatically become better just because it uses React. It is easy to write horrible React code, just like it’s easy to write horrible vanilla JavaScript. So, why is React important then? The thing is, understanding how to write React and Redux code is one thing. Understanding why you’d want to use React and Redux is another matter entirely. Once you understand the why of React and Redux, then modern JavaScript starts to make more sense. This is true whatever framework you’re using. Whether it’s React, Vue, Ember, Angular, Web Components, or something else entirely. React and Redux have had a huge impact on how we organise front-end code.1
javascript  redux  react  react.js  reactjs 
february 2018 by GameGamer43
Redux Fundamentals: creating and using stores
Hello! It's been a while! Like, a year to the day as I write this. Life happens, but I'm back to add to my continuing Redux fundamentals saga.
Javascript  React  React.js  ReactJS  redux 
february 2018 by GameGamer43
Nerv | O2 Labs
A blazing fast React alternative, compatible with IE8 and React 16.
nrv.auto.io  jd.com  github_repos  react  react.js  reactjs  javacript 
january 2018 by GameGamer43
Server Side Rendering with Create React App – Hacker Noon
I’ve been using create react app a bunch and wanted to improve performance by adding server side rendering to the apps I was making. This isn’t as straight forward as I initially thought, but to get started, you can view this medium article: https://medium.com/@patriciolpezjuri/using-create-react-app-with-react-router-express-js-8fa658bf892d
React  React.js  ReactJS  JavaScript 
january 2018 by GameGamer43
« earlier      
per page:    204080120160

related tags

Airbnb_Opensource  Ajax  AngularJS  Apache_Foundation  Apple_iPhone_Development  Apple_Swift  Auth0.com  Babel  Bandwidth.com_Blog  bitsrc.io  Bret_Taylor  Brian_Vaughn  C++  Chart.js  Charts  CodeAcademy  CodeBaseCamp.com  CodeSchool  Cody_Lindley  Create-React-App  CSS  CSS-Tricks.com  Cycle.js  Dan_Abramov  Dan_Abramovich  Dev.to  Discord  DiscordApp.com  DollarShaveClub_Engineering  Egghead.io  Electron  ember.js  emberjs  ES6  Expo.io  Facebook  Facebook_Engineering  Facebook_Incubator  Facebook_Jest  Facebook_OpenSource  Facebook_React  FlexPort_Engineering  Flow  Flowtype.org  Flux  FreeCodeCamp  Freecodecamp.com  FullStackReact.com  Gatsby.js  GatsbyJS  GitBook.com  GitBook.io  GitHub_Gists  github_repos  GraphQL  HackerNoon  HackerNoon.com  HeapAnalytics.com  IBM_developerWorks  javacript  javascript  javascript_libraries  javascript_Testing  jd.com  JSX  KentCDodds  Localization  LogRocket  Marko  Matt_Greer  Mobile_Development  MobX  Mobx  Netflix  Netflix_Tech_Blog  Netlify.com  Nettuts+  node.js  Nodecasts.net  nodejs  Node_Modules  npm  nrv.auto.io  Nylas  online_courses  OpenSource  ParcelJS  ParcelJS.org  PDF  Pinterest_Engineering_Blog  programming_books  Quip  Ray_Wenderlich  react  react.js  ReactArmory.com  reactjs  ReactJS.org  ReactJSTutorials.net  ReactNative  ReactTraining.com  React_Components  Reapp  Recharts.org  redux  Redux.js.org  Relay  Robin_Wieruch  Segment.com  SItepoint  SitePoint  Sketch.app  Stormpath  Swift  SwiftLang  Team_Treehouse  Team_Treehouse_Blog  Thoughtbot  tylermcginnis.com  TypeScript  VSCode  Vue.js  Walmart  Walmart_Labs  Webpack  web_development  WooRank  Yarn  Zapier 

Copy this bookmark:



description:


tags: