- Previously, we looked at simple template examples with Ext JS and React.
- This includes the use of member functions and inline value formatters from Ext JS and how the same techniques are accomplished with React.
- The method is akin to using “template member functions” in Ext JS’s XTemplates.
- Although this isn’t required (it’s preferred to keep inline for such a simple check), it still serves as a good example of calling class methods within JSX.
Previously, we looked at simple template examples with Ext JS and React. In this blog, we’d like to look at some more advanced examples. This includes the use of member functions and inline value formatters from Ext JS and how the same techniques are accomplished with React. For consistency, we’ll use the same data set defined in the Simple Templating post.
Continue reading “Ext JS to React: Advanced Templating”
- We’re adopting an RFC (“request for comments”) process for contributing ideas to React.
- It’s also intended to provide a clear path for ideas to enter the project: – – RFCs are accepted when they are approved for implementation in React.
- As a rule of thumb, this means any proposal that adds, changes, or removes a React API.
- We now have several repositories where you can submit contributions to React: – – Coinciding with the launch of our RFC process, we’ve submitted a proposal for a new version of context.
- The proposal has already received many valuable comments from the community that we will incorporate into the design of the new API.
Inspired by Yarn, Ember, and Rust, the goal is to allow React core team members and community members to collaborate on the design of new features. It’s also intended to provide a clear path for ideas to enter the project:
Continue reading “Introducing the React RFC Process”
Continue reading “Going Over The Speed Limit”
- Yet the render method, the component props, and the component state are the most important things in a React app – getting a good grasp on these paves the way for productively using React in commercial apps.
- In the above example, notice how state is updated with a new address object on every change – this avoids skipping updates when is used – which is just a React component that only re-renders when it receives new values for props and for state (it shallowly compares the old and new props objects and the old and new state objects).
- Another powerful concept in React apps is controlled props – it basically means components don’t store any intermediate state for the controlled props (for example on updating the value inside a text input), but rather on every change, they notify the owner component of the change, so the owner can re-render the controlled component with updated values for the props.
- The above inputs are example of controlled components (already baked into React), but basically this is the gist: uncontrolled components use their internal state to update their UI, while controlled components always show values from props.
- And the beauty of it is that in almost no time you can become productive in building native UIs for mobile or desktop operating systems, or even for the webVR now that React is becoming widely adopted, with libraries written to target multiple platforms, but with one common way of thinking about UIs – declarative and component-based.
React is different in so many ways from its front-end predecessors. But the most different part is its way of thinking. Read on to find out more!
Skype’s Android app is a fairly well-designed app with a bunch of features that is pretty great…when it works. Skype apps across different platforms have some issues, although Microsoft has done a pretty good job at fixing some of the issues when the company moved to a modern infrastructure. The Skype UWP app on Windows 10 is a good example of the “modern Skype” that works pretty great for the most part, but it isn’t full-featured just yet. And now, it looks like Microsoft is working on a similar reboot for the Skype app on Android.
Continue reading “Skype is testing a new Android app with a new design, reaction feature, and Bing integration”
- Looking at the most common React seed applications you will see that they have, for each component, a custom folder and they group them all as components.
- Everyone knows if you google for “React seed application” or “React boilerplate” you will find tons of prebuilt seed applications out there, some of which are being used by thousands of people.
- Selecting Browserify as our initial stack is a very good example of why a seed application can be useful.
- After looking at these, we found that though a lot of them offered unique and interesting concepts, none of them seemed very scalable to us for use in large web applications.
- For one, a seed application allowed us to try out different libraries and project structures without the restriction of a particular use case.
Hyperwallet’s Software Development Team Lead looks into tools for building their final browser version in ReactJS.
Continue reading “ReactJS Seed Application: Why Not Start with the Real Deal?”
- CodeceptJS – Modern Era Acceptance Testing for Node.js – Interview with Michael Bodnarchuk
- React.rocks – React Components and Demos – Interview with Jeff Winkler
- Mikey – React/Redux CLI/Framework – Interview with Michael Farrell
- Reactotron – A CLI and OS X App for Inspecting – Interview with Steve Kellock
If there’s one thing that has set React community apart, it’s the focus on developer experience (D…
Continue reading “SurviveJS”