Improving the usability of your modules – kentcdodds

Improving the usability of your modules  #reactjs

  • All you have to do is use it:import getContentForFile from ‘react-i18n’const i18n = App() { return ( div h1{i18n(‘header.title’)}/h1 /div )}So that’s how it works (again, I’m sure some of you are thinking of other libs that could do this better, but please spare me the “well actually.” I’m aware…
  • const content = JSON.parse( … more stuffexport {getContentForFile as default, init}This presents a few challenges for users of the module.
  • Turns out that react-i18n actually exposed another module react-i18n/bootstrap to customize this behavior which is great, but that doesn’t resolve the problem of stuff happening if someone were to import react-i18n first.So what I did was a wrapped all side-effects in a function I exported called init(which was similar to…
  • But it’s ok now because that’s clear const messages = JSON.parse( ) // … other other stuff}// … more stuffexport {getContentForFile as default, init}So this means that anyone using the module now must call the init function, but they’re doing that on their own terms and whenever they want it…
  • However, we’re in the process of “inner sourcing” this module (and perhaps open sourcing it eventually), so folks are going to use it who use different tools and have different use cases.So, if it’s not too much work and doesn’t add too much complexity, then try to make the solution…

NOTE: This is a cross-post from my newsletter. I publish each email two weeks after it’s sent. Subscribe to get more content like this earlier right in your inbox! 💌 This last week I worked on my…
Continue reading “Improving the usability of your modules – kentcdodds”

The New Kid on the Block

Meet @mxstrbng - a new member of our #NeosCMS team working on the #reactjs UI:

  • After that I attended the Neos Barcamp, the other two sprints since then and the Neos Conference.
  • All this was much fun especially to see the development of the project not only from a remote point of view but also to contribute to the React UI development.
  • My focus in the Neos project is clearly on the React UI rewrite which we plan to release at the end of the year, but I’m also fixing some little things in Neos or Flow if they catch my eye.
  • I’m not only interested in React, Javascript and PHP but in computer science in general and different kind of programming languages.
  • So, this is me 🙂

    if you are not sure if you want to join the development of Neos and Flow, also as a non programmer, you should join a sprint and see what’s going on there!

Hi I’m Max, 27 and I  became a Neos team member on the 5th July.
Continue reading “The New Kid on the Block”

Free React Fundamentals Course Updated for React v15.5 – WordPress Tavern

Free React Fundamentals Course Updated for React v15.5  via @wptavern #WordPress #reactjs

  • If you’re looking for ways to expand your ReactJS knowledge, the free React Fundamentals course from ReactTraining.com has been updated for the latest React v15.5 release.
  • In the React Fundamentals course students will get an introduction to the React ecosystem and will learn how to set up a React component with NPM, Babel, and Webpack.
  • Complete beginners may struggle, so the course author recommends students enter with a basic understanding of HTML, CSS, and JavaScript.
  • Last year’s State of JavaScript survey results showed React as the clear winner among front-end frameworks in terms of developer interest and satisfaction.
  • In addition to React Training’s fundamentals course, Codeacademy has two free courses for learning React.js and Wes Bos has a free course to help students get started with React.js, Redux, and React Router.

If you’re looking for ways to expand your ReactJS knowledge, the free React Fundamentals course from ReactTraining.com has been updated for the latest React v15.5 release. The 48-lesson course takes approximately 287 minutes to complete. It was designed for a wide range of professionals, including backend engineers new to JavaScript, Bootcamp graduates and front-end developers who want to expand their skill sets, and JavaScript developers coming from other frameworks.
Continue reading “Free React Fundamentals Course Updated for React v15.5 – WordPress Tavern”

Which indentation style you prefer for JSX code?

Which indentation style do you prefer for JSX code? 🤔 #ReactJS #JavaScript

  • return (
    Content

    )

  • Marko Stijak asked a question · 17 hours ago
  • @mstijak looks interesting, but I’m a bit turned off by the inclusion of a component library.
  • If I’m going to use a library I tend to gravitate toward those that are more atomic in their scope, plus the Vue community is incredible 🙂
  • Mainly Multiline, although most times I enclose the jsx return between ( ) just for clarity ..

There are a couple of ways to indent JSX code. Which style you find to be the best:

One liners
return <div className="well" style={{ border: . One liners VS Line per attribute, regular indent VS Line per attribute, aligned VS Multiline.
Continue reading “Which indentation style you prefer for JSX code?”

React Native at Microsoft

React Native at Microsoft  #TypeScript

  • At Microsoft, weâ re always looking for ways to support the newest open-source technologies.
  • As the first article on a site intended to share experiments, best practices and insights learned by React Native developers at Microsoft, itâ s only fitting that our first article marries React Native with TypeScript, Microsoftâ s typed superset of JS. ReactJS is already used by many, many teams at Microsoft.
  • It is this very interest that led us to start investing in React Native.
  • I, personally, got emails from my boss and bossâ s boss asking what weâ re doing to partner with…
  • To date, weâ ve released a React Native extension for VS Code where we have continued to develop new features such as ExponentJS…

When former Facebooker and Quora founder, Charlie Cheever, showed up at Y Combinator Demo Day this August to share what his team is building at Exponent, it turned more than a few eyes. I, personally, got emails from my boss and boss’s boss asking what we’re doing to partner with…
Continue reading “React Native at Microsoft”

ReactJS / Redux Tutorial – #10 Async Actions

ReactJS / Redux Tutorial - #10 Async Actions  #facebook #javascript #reactjs -

  • Sorry, your blog cannot share posts by email.
  • In CodeChannels.com , you can learn to code by watching videos and stay up to date with latest code shows, events and tutorials aggregated from various leading developer communities.
  • You may also handle asynchronous Actions in your React / Redux App. Learn about multiple, possible Ways to implement this in this Video.
  • Post was not sent – check your email addresses!
  • This video is Part of the ReactJS / Redux Basics Series.

You may also handle asynchronous Actions in your React / Redux App. Learn about multiple, possible Ways to implement this in this Video. This video is Part of
Continue reading “ReactJS / Redux Tutorial – #10 Async Actions”

Learn ReactJS: Part I

  • Lesson: Components Render Other Components
  • Unlock quizzes and other practice materials with Codecademy Pro.
  • Try the Codecademy Pro Quiz free!
  • Apply your knowledge of JSX to React components.
  • Learn about the other way to store dynamic information in React: this.state.

Build powerful interactive applications with this popular JavaScript library.
Continue reading “Learn ReactJS: Part I”