Skip to content

Commit 89ddd78

Browse files
committed
update blog
1 parent 5db33b0 commit 89ddd78

File tree

1 file changed

+56
-40
lines changed

1 file changed

+56
-40
lines changed

documentation/blog/2020-04-19-React-Native-Boilerplate-3.0.0.md

+56-40
Original file line numberDiff line numberDiff line change
@@ -153,52 +153,64 @@ That's this simple! 🚀
153153
For more details about redux-toolkit-wrapper jump [**here**](/docs/ReduxStore)
154154
:::
155155

156-
## What is included? 📦
157-
158-
Still hesitating? Let's make a recap and see what this beautiful boilerplate can provide to you :
159-
- No headache! 🤒 It's really easy to install and use
160-
(if you have all the [requirements](https://facebook.github.io/react-native/docs/getting-started.html#installing-dependencies)
161-
installed of course)
162-
- Typescript 💙 / Javascript 💛? You choose!!
163-
- React Navigation : THE powerful library to handle navigation 📱
164-
- Redux (with redux-toolkit and redux-toolkit-wrapper 😉) : handling redux store has never been as easy as this!! ⚡
165-
- Multi-theming and darkMode friendly 🌗 (see [here](/docs/ThemesAndDarkMode))
166-
- i18n friendly 🌐 (see [here](/docs/AddALangTranslation))
167-
- Flipper debugger ready 🐛 (see [here](/docs/UsingFlipper))
168-
- Maintained by passionate developers ⚛️
169-
- Full online documentation : https://thecodingmachine.github.io/react-native-boilerplate/
170-
171-
just test it 🧪!!
156+
## What's in the box? 📦
157+
158+
Still hesitating ? Let's make a recap and see what this beautiful boilerplate can provide you:
159+
- No headaches! 🤒 Thanks to the **quick and easy install**, the
160+
**documentation** and of course the **included example**! (if you have all the installed
161+
[requirements](https://facebook.github.io/react-native/docs/getting-started.html#installing-dependencies)
162+
of course)
163+
- **Typescript** 💙 / **Javascript** 💛 ? Your project, your choice!
164+
- Never again sailing on troubled waters with **React Navigation**: THE powerful library to handle navigation 📱
165+
- **Redux** (with redux-toolkit and redux-toolkit-wrapper 😉) : handling
166+
redux store has never been as easy as this!! ⚡
167+
- DarkMode or colorful app? Give your users the power to choose!
168+
**Multi-theming** and **darkMode** support 🌗 (see [here](/docs/ThemesAndDarkMode))
169+
- French kisses aren't translatable, but you can translate your app! **i18n friendly** 🌐 (see [here](/docs/AddALangTranslation))
170+
- You don't like bug hunt? Use **Flipper debugging** 🐛 (see [here](/docs/UsingFlipper))
171+
- Maintained by **passionate developers** ⚛️
172+
173+
Just Test It 🧪 !!
172174

173175
## Installation plugins ⚙️
174176

175-
In the v3.0.0 we add an installation plugins system on our boilerplate. The first plugin is the typescript one of course.
176-
So now, we are able to add local or npm plugins on our boilerplate to apply them during the installation, without any
177-
unwelcome piece of code in the final app architecture. So it's invisible for the final user but hide a lot of future creation!! 🤩
177+
Freshly in the v3.0.0 we created an installation plugin system. Of course, the first plugin added is the typescript one. 😉
178+
We are now able to add local or npm plugins to our boilerplate in order to apply them during the installation.
179+
This way, we get the app template with the features we asked for.
180+
In other words, no unwelcome pieces of code will lay in your app architecture anymore.
181+
182+
You got it, it's only the beginning thinking about the many plugins we could create for this project. 🤩
178183
So wait and see what could be the next plugins...🕓🤐
179184

180-
## What is different from other? 🪟
185+
## Why this boilerplate? 🐙
181186

182-
We looked into existing boilerplates before starting this project, and while many of them are awesome, we did not find
183-
what we were looking for.
187+
Before starting this project, we looked for already existing boilerplates.
188+
We've found some, but while many were (and are always) awesome, we did not find what we were
189+
looking for: a **light, scalable, and flexible boilerplate with a great separation of concerns**.
184190

185-
One of the most popular was [Matt Mcnamee's React Native Starter Kit](https://github.com/mcnamee/react-native-starter-kit),
186-
which unfortunately missed Redux Saga (used in the V1.0.0 of this project).
191+
One of the most popular was
192+
[Matt Mcnamee's React Native Starter Kit](https://github.com/mcnamee/react-native-starter-kit),
193+
which unfortunately missed Redux middleware and React Navigation.
187194

188-
When we looked at the rest (and ignore unmaintained projects), many popular boilerplates were too opinionated: they
189-
included 3rd party services or very strong architecture choices that we are not comfortable with.
190-
To name a few:
191-
- [Snowflake](https://github.com/bartonhammond/snowflake) runs with a Hapi Server running on Redhat OpenShift,
192-
- [Apollo's StarterKit](https://github.com/sysgears/apollo-universal-starter-kit) is targeted at GraphQL using Apollo,
193-
- [Meteor Boilerplate](https://github.com/spencercarli/react-native-meteor-boilerplate) targets Meteor…
195+
Digging deeper in the react-native boilerplates (ignoring unmaintained projects),
196+
many popular boilerplates were too opinionated: they
197+
included 3rd party services or very strong architecture choices
198+
that we were not comfortable with.
199+
To name a few:
200+
- [Snowflake](https://github.com/bartonhammond/snowflake) ran with a Hapi Server running on Redhat OpenShift,
201+
- [Apollo's StarterKit](https://github.com/sysgears/apollo-universal-starter-kit) is based on GraphQL using Apollo,
202+
- [Meteor Boilerplate](https://github.com/spencercarli/react-native-meteor-boilerplate) is based on Meteor.
194203

195-
Finally, some did not contain the architecture we are looking for (the separation of concerns with Redux, Sagas, etc.),
204+
Finally, some did not contain the architecture we were looking for (the separation of concerns),
196205
for example [re-start](https://github.com/react-everywhere/re-start).
197206

198-
One interesting exception was [Ignite IR Boilerplate "Andross"](https://github.com/infinitered/ignite-andross), but after
199-
consideration we decided not to use it because of the large amount of unnecessary code/components it provided.
207+
One interesting exception was
208+
[Ignite IR Boilerplate "Andross"](https://github.com/infinitered/ignite-andross), but after
209+
consideration we decided not to use it because of the large amount of
210+
unnecessary code/components it provided out of the box.
200211

201-
In 2021, some react-native boilerplates have change. Let's see what are the difference
212+
In 2021, some react-native boilerplates have changed. Let's see what are
213+
the differences:
202214

203215
<table>
204216
<thead>
@@ -212,32 +224,32 @@ In 2021, some react-native boilerplates have change. Let's see what are the diff
212224
<td align="left">mcnamee/react-native-starter-kit</td>
213225
<td align="left">
214226
<ul>
215-
<li>No react Navigation (react-native-router-flux instead),</li>
216-
<li>No typescript support,</li>
227+
<li>No React Navigation (react-native-router-flux instead),</li>
228+
<li>No Typescript support,</li>
217229
<li>Don't use the react-native-cli to init</li>
218230
</ul>
219231
</td>
220232
</tr>
221233
<tr>
222234
<td align="left">bartonhammond/snowflake</td>
223-
<td align="left">seems not maintain (last release in 2017) 💤</td>
235+
<td align="left">Seems not maintained anymore (last release was in 2017) 💤</td>
224236
</tr>
225237
<tr>
226238
<td align="left">sysgears/apollo-universal-starter-kit</td>
227239
<td align="left">
228240
<ul>
229-
<li>Is targeted at GraphQL using Apollo,</li>
241+
<li>Is based on GraphQL using Apollo,</li>
230242
<li>Don't use the react-native-cli to init</li>
231243
</ul>
232244
</td>
233245
</tr>
234246
<tr>
235247
<td align="left">spencercarli/react-native-meteor-boilerplate</td>
236-
<td align="left">seems not maintain (no release, last commit in 2018) 💤</td>
248+
<td align="left">Seems not maintained (no release, last commit was in 2018) 💤</td>
237249
</tr>
238250
<tr>
239251
<td align="left">react-everywhere/re-start</td>
240-
<td align="left">seems not maintain (last release in 2017) 💤</td>
252+
<td align="left">Seems not maintained (last release was in 2017) 💤</td>
241253
</tr>
242254
<tr>
243255
<td align="left">infinitered/ignite</td>
@@ -253,3 +265,7 @@ In 2021, some react-native boilerplates have change. Let's see what are the diff
253265
</tr>
254266
</tbody>
255267
</table>
268+
269+
So there is no reason to hesitate : come 🧲, test 🧪 and leave a star ⭐
270+
271+
Thanks for reading, See you in the next version. 🏷️

0 commit comments

Comments
 (0)