- Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
- Already on GitHub?
- Sign in to your account
Continue reading “Express more tests via public API · Issue #11299 · facebook/react · GitHub”
- If you have a React 15.5 app which doesn’t use deprecated features and doesn’t throw errors, then React 16 just works!
- One of my favorite things about React is that it gives me access to a great library of open-source components.
- And thanks to the stability of React’s API, I haven’t needed to upgrade many of these components… until now.
- In previous versions of React, throwing exceptions within event handlers would have unpredictable results.
- While React’s API hasn’t changed much, it has an entirely new engine under the hood called React Fiber.
Now I don’t want to waste your time with another “What is React 16?”; the official blog is already very informative. But what I can give you is the story of my experience this week, when I upgraded a large project to React 16.
Continue reading “My experience with React 16”
- React Native EU 2017Today the first European React Native conference started in Wroclaw, Poland.
- I’ll keep it up to date through the day.Mike opened the conference by thanking the sponsors and reminding everyone to follow the code of conduct.The need for faster iterations and a better developer experience was there before React NativeReact Natives enables us to iterate faster, but the integration of bigger components like maps are still too hardIgnite 2 is a code generating starter kit that allows to integrate bigger blocks in you application fasterAwesome live-coding ❤React Native, the native bits by Emil SjölanderA good introduction into yoga and how its used for rendering UIs in RN appsHe goes in detail over the messages send over the bridge by the reconciler to the layout engine and how the engine builds the UI with this information.
- It a gerat getting started talk for the layout engine.When “Good Enough” Just Isn’t Good Enough by Jani EväkallioJani made a great introduction by giving a history of art, making the bridge to how mobile and web are similar but also different“You learn the React paradigm once, but you have a lot to learn on how native software should behave.”
- It’s okay to have the same resources as Facebook to focus on user experience, but you should nevertheless care about it and study how others solve similar problems UX-wiseHome automation with React Native and Raspberry Pi by Ville ImmonenA journey into building home automation from scratch covering topics like circuit board design, building a python and node service for the Raspberry PI and writing an Exponent app with GraphQL ApolloBuilding of Snack — The React Native Playground by Satyajit SahooHe shows the history on why Snack was build in the first place and why it was necessary even as RNPlay was out alreadySnack brings Hot Reloading into React Native Apps running in the Web platformSnack faces some problems to have a good developer experience, like showing errors before they occur, loading npm dependencies or having fast updates.
- Also multi-file support is coming making it easier to have bigger examples incorporatedGoing Over The Speed Limit by Tal KolRN is not the tool for every job (e.g. because it has a performance overhead)Page transitions and scrolling lists are examples for problems that seem easy to fix but are hard to get right and performant in RNThe asynchronicity of RN leads to these problems and was a conscious decision and a featureHe shows how you can still overcome these problems utilizing RN and provides an example on GithubBuilding native modules for React Native by Florian RivalLightning TalksReact Native and BadooScaffolding plugins for React NativeWhat is RNRF?React Native BuilderHow Skyscanner Tests RN Bridges on iOSComponent-based styling for React NativeComposable Native APIs by André StaltzReact developer?
Today the first European React Native conference started in Wroclaw, Poland. I would like to give you my perception of this conference and a short TL;DR (Too Long; Didn’t Read) summary on each of the…
Continue reading “React Native EU 2017 – Daniel Schmidt – Medium”
- Following are the steps to work with React:
The above screen shot you can see two parts in command.
- First part yellow color shows the ‘create-react-app’ command for creating React application and second part circle with blue color shows the ‘my-first-app’ here you can give your application name.
- Once you enter this above command you can see terminal like below screen shot:
Great, our first React application is successfully created!
Continue reading “Getting started with ReactJS”
- I put together a silly little pen to illustrate this behavior:A pen from codepen.io that illustrates the order in which keydown, blur, focus and keyup events fire for a tab traversal.
- So we can listen for focus and blur events at the root of a component and react to these events fired on its child nodes.A GitHub Gist illustrating a very simple React Component for a grid element that responds to blur and focus events.The gist illustrates a React Component that returns a div element with onFocus and onBlur listeners.
- What the gist intends to demonstrate is how we can toggle the value of the boolean state property isManagingFocus based on blur and focus events that the children of the grid component will fire.The component should:Toggle isManagingFocus to true when an element inside the grid gains focusMaintain isManagingFocus as true as long as an element inside the grid has focusToggle isManagingFocus to false when no element inside the grid has focus.This behavior is achieved by waiting a “tick” on a blur event before toggling the isManagingFocus state to false.
- The blur and focus events will happen in the same tick (under normal circumstances), allowing the component to cancel its reaction to the blur event if a focus event occurs in the next moment and clears the timeout.
- If no focus event from an element within the grid occurs (if the user has traversed out of the grid component), then the blur event will be processed in the next tick and the grid component will toggle isManagingFocus to false.Any time we use setTimeout/clearTimeout to manage order of operations, it feels icky.
I ran into a situation a while back while build a table grid component. I need to know when focus left the containing grid component. But the grid itself never receives focus. Its cells are focused…
Continue reading “Dealing with focus and blur in a composite widget in React”
- But not only can you use React Native Forms to easily produce native-looking forms with default styling, it can be completely customized.
- I’m open sourcing the library I wrote to quickly build forms at AuditionMe , React Native Forms.
- Each form component should basically work the same way.
- React Native Forms is already cross-platform, but I’d love to see the default Android styles look more like Android.
- I shouldn’t have to look up a special set of props for every single component the form library provides.
Read the full article, click here.
@ReactiveConf: “Introducing #ReactJS Native forms:”
I’m open sourcing the library I wrote to quickly build forms at AuditionMe, React Native Forms. Check it out on Github: https://github.com…
Introducing React Native Forms — Medium