All Projects → damonbauer → egghead-bookshelf

damonbauer / egghead-bookshelf

Licence: other
An example React application to accompany the "Add Internationalization (i18n) to a React app using React Intl" Egghead.io course

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to egghead-bookshelf

React Ssr Starter
All have been introduced React environment
Stars: ✭ 20 (-28.57%)
Mutual labels:  react-router, enzyme, jest
Reactjs Crud Boilerplate
Live Demo
Stars: ✭ 83 (+196.43%)
Mutual labels:  enzyme, jest, create-react-app
coconat
🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3
Stars: ✭ 95 (+239.29%)
Mutual labels:  react-router, enzyme, jest
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (+771.43%)
Mutual labels:  react-router, enzyme, jest
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+314.29%)
Mutual labels:  react-router, enzyme, jest
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (+132.14%)
Mutual labels:  react-router, jest, create-react-app
Youtube React
A Youtube clone built in React, Redux, Redux-saga
Stars: ✭ 421 (+1403.57%)
Mutual labels:  enzyme, jest, create-react-app
Npm Registry Browser
Browse the npm registry with an SPA made in React, with full dev workflow.
Stars: ✭ 97 (+246.43%)
Mutual labels:  react-router, jest, create-react-app
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+378.57%)
Mutual labels:  react-router, enzyme, jest
parcelui
Parcel + Typescript + React/Preact + Router + CSS Modules + SASS + Jest + Api-Now + Github Actions CI
Stars: ✭ 32 (+14.29%)
Mutual labels:  react-router, enzyme, jest
react-theme
Production ready Wordpress theme built with React, Redux, Redux-Thunk, Intl, React Router v4, etc... and packaged by Webpack 2. Enjoy!
Stars: ✭ 14 (-50%)
Mutual labels:  react-router, intl
energy-use-case-trading-client
Energy Use Case Web UI for Lition Trading Platform
Stars: ✭ 23 (-17.86%)
Mutual labels:  jest, react-intl
enzyme-extensions
🎩 Enzyme extensions to test shallowly rendered enzyme wrappers 🏄🏻
Stars: ✭ 30 (+7.14%)
Mutual labels:  enzyme, jest
elegant-react-ssr
Server-side rendering with create-react-app, React Router v4, Helmet, Redux, and Thunk boilerplate, without ejecting CRA
Stars: ✭ 16 (-42.86%)
Mutual labels:  react-router, create-react-app
react-unit-test-practice
No description or website provided.
Stars: ✭ 16 (-42.86%)
Mutual labels:  enzyme, jest
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+175%)
Mutual labels:  enzyme, jest
react-intl-po-example
👉 This is a standalone project for using react-intl-po with CRA.
Stars: ✭ 38 (+35.71%)
Mutual labels:  create-react-app, react-intl
enzyme-v3-and-react-16
Example of how to setup React 16, Enzyme 3 and Jest 21
Stars: ✭ 21 (-25%)
Mutual labels:  enzyme, jest
react-jest-enzyme-example
A minimal configuration for testing React components with Jest and Enzyme.
Stars: ✭ 23 (-17.86%)
Mutual labels:  enzyme, jest
react-multi-context
Manage multiple React 16 contexts with a single component.
Stars: ✭ 19 (-32.14%)
Mutual labels:  enzyme, jest

egghead-bookshelf

An example React application to accompany the "Add Internationalization (i18n) to a React app using React Intl" Egghead.io course


In this course, we will incorporate react-intl into a project created with create-react-app and react-router. The react-intl library makes complex tasks such as internationalization and formatting dates & currency incredibly simple. Another huge benefit of react-intl is that it gives you the ability to centralize the content across your application into language specific files. This creates a consistent place to find content and encourages reuse. If you’ve ever used language specific yml files in Rails, you’re already familiar with this pattern.

Starting with the entry point of the application, we will hit the ground running by adding the necessary components and data structures required for react-intl to function. From there, we will use react-intl components to format various types of data including strings, dates, and numbers. We will also work through writing tests for components that include react-intl components using Jest and enzyme.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].